{"_id":"@genesislcap/foundation-services-status","_rev":"100-3ffca9689685d68ae4d5ed2e1abbb2c3","name":"@genesislcap/foundation-services-status","description":"Genesis Foundation Errors Handlers","dist-tags":{"genc-279":"14.167.1-genc-279.2","genxgit":"14.170.0-genxgit.1","fdc3-grid-action-renderer":"14.171.0-fdc3-grid-action-renderer.1","PA-1208":"14.172.2-PA-1208.2","test":"14.173.2-alpha-090e5e7.0","genc-374":"14.173.2-genc-374.1","genc-376":"14.173.2-genc-376.1","raise-intent":"14.177.0-raise-intent.3","GENC-376":"14.180.1-GENC-376.4","beta":"14.181.1-alpha-89be4c2.0","PA-1226":"14.182.0-PA-1226.1","pa-1226":"14.182.0-pa-1226.2","pa-1217":"14.183.0-pa-1217.1","accessibility":"14.187.1-accessibility.1","canary":"14.187.1-alpha-3406925.0","latest":"14.188.0","FUI-2012":"14.188.0-FUI-2012.1","fui-2012":"14.188.0-fui-2012.2","FUI-2012-tabulator":"14.188.0-FUI-2012-tabulator.7"},"versions":{"14.167.0":{"name":"@genesislcap/foundation-services-status","version":"14.167.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.167.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"2dec11cd2612d6d566735860754deb95ec872214","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.167.0.tgz","fileCount":74,"integrity":"sha512-d9nBcp6DvdvoUSqdDFZuDCBT9ZmyldbCvXADqr0BZxErz0UeQoMl3mP/5clqZWIn8kWV4kv87hnjnKK7wiMvxQ==","signatures":[{"sig":"MEYCIQCl/AlE4lVoplLNWuSbDfLr+llkgHTyr6LJijdxow3YlwIhAMY17N1eJQlWQHPISMYk3Yjk1cGhY6beTtu5iJnAgUta","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":117012},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"8a6557d767463d7bcb7b3ca4d209a951766481e3","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.167.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.167.0","@genesislcap/foundation-comms":"14.167.0","@genesislcap/foundation-utils":"14.167.0","@genesislcap/foundation-logger":"14.167.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.167.0","@genesislcap/ts-builder":"14.167.0","@genesislcap/vite-builder":"14.167.0","@genesislcap/rollup-builder":"14.167.0","@genesislcap/webpack-builder":"14.167.0","@genesislcap/foundation-testing":"14.167.0","@genesislcap/uvu-playwright-builder":"14.167.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.167.0_1712595443857_0.9729419924134437","host":"s3://npm-registry-packages"}},"14.167.1-alpha-b66e0bd.0":{"name":"@genesislcap/foundation-services-status","version":"14.167.1-alpha-b66e0bd.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.167.1-alpha-b66e0bd.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"6b86d5dc174903bb15a6907b6ebabc775b092f60","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.167.1-alpha-b66e0bd.0.tgz","fileCount":74,"integrity":"sha512-FdUwBDyaLx8+EUE6IB0V+iYcbOnZHeNEcgVpV2NgmXNR1eprwOfgu0bIS/Q0NsMz7qyhfFIHXJijcRYc3qlB1w==","signatures":[{"sig":"MEUCIQDPxb8s+1DARK7UmOHPWy/dMTS304be2rb1F2wK/UJWIAIgDM855Me6EWpdjWMTcOYQAsbmNwCDJc24Pj5yobOKdXM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":117220},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"d04b7c489d262892daf7772c220a02bf56937460","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.167.1-alpha-b66e0bd.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.167.1-alpha-b66e0bd.0","@genesislcap/foundation-comms":"14.167.1-alpha-b66e0bd.0","@genesislcap/foundation-utils":"14.167.1-alpha-b66e0bd.0","@genesislcap/foundation-logger":"14.167.1-alpha-b66e0bd.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.167.1-alpha-b66e0bd.0","@genesislcap/ts-builder":"14.167.1-alpha-b66e0bd.0","@genesislcap/vite-builder":"14.167.1-alpha-b66e0bd.0","@genesislcap/rollup-builder":"14.167.1-alpha-b66e0bd.0","@genesislcap/webpack-builder":"14.167.1-alpha-b66e0bd.0","@genesislcap/foundation-testing":"14.167.1-alpha-b66e0bd.0","@genesislcap/uvu-playwright-builder":"14.167.1-alpha-b66e0bd.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.167.1-alpha-b66e0bd.0_1712659249593_0.31739143773059864","host":"s3://npm-registry-packages"}},"14.167.1":{"name":"@genesislcap/foundation-services-status","version":"14.167.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.167.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"617cc500c0936bcc545ced2965b47e811ae1838d","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.167.1.tgz","fileCount":74,"integrity":"sha512-r1uCQA6nvL9WLQAR23LLI3n56CG+71/ZgwLMnYajGw3u96P8OwS+TIU5ZLmQy8LvAADLP4KIeJ0ei0JtF2sDzg==","signatures":[{"sig":"MEYCIQCCb1ULcZZfJM9GHhbSaZn18x724QhbDaEdBzpgpk2IqwIhANVuuywiuoOR67IEFLsAUiYuzCZmxdLziJmVE0MwJ0c6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":117012},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"37f5c8b576a21785bcc87526aa9cba0d1bcd72b8","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.167.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.167.1","@genesislcap/foundation-comms":"14.167.1","@genesislcap/foundation-utils":"14.167.1","@genesislcap/foundation-logger":"14.167.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.167.1","@genesislcap/ts-builder":"14.167.1","@genesislcap/vite-builder":"14.167.1","@genesislcap/rollup-builder":"14.167.1","@genesislcap/webpack-builder":"14.167.1","@genesislcap/foundation-testing":"14.167.1","@genesislcap/uvu-playwright-builder":"14.167.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.167.1_1712663337932_0.8228371110044848","host":"s3://npm-registry-packages"}},"14.167.1-genc-279.1":{"name":"@genesislcap/foundation-services-status","version":"14.167.1-genc-279.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.167.1-genc-279.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"f3018718c845e5f4ce8c15a7bd8d32c10c1ba27a","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.167.1-genc-279.1.tgz","fileCount":74,"integrity":"sha512-lXmTjjqfjIIfIoN1zLifkpN65ADJsds7Y1r36oFgRgibe0U/ED6IRf4xCl53he7PdJDaJO+Sr+ZNT6SHA7Fa1Q==","signatures":[{"sig":"MEUCIH9EzAaj/jsQTX6T4EqLjST4usX9/YJj071uKUlRmLs+AiEAu5x149etLT02Aku/g8FOT0CX7IoX4Nhhpk9zMJlsZRY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":117155},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"fd011cb6a7e2fbc5f0de02472d56f7a445e8aeff","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.167.1-genc-279.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.167.1-genc-279.1","@genesislcap/foundation-comms":"14.167.1-genc-279.1","@genesislcap/foundation-utils":"14.167.1-genc-279.1","@genesislcap/foundation-logger":"14.167.1-genc-279.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.167.1-genc-279.1","@genesislcap/ts-builder":"14.167.1-genc-279.1","@genesislcap/vite-builder":"14.167.1-genc-279.1","@genesislcap/rollup-builder":"14.167.1-genc-279.1","@genesislcap/webpack-builder":"14.167.1-genc-279.1","@genesislcap/foundation-testing":"14.167.1-genc-279.1","@genesislcap/uvu-playwright-builder":"14.167.1-genc-279.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.167.1-genc-279.1_1712666124078_0.0572120281366606","host":"s3://npm-registry-packages"}},"14.167.1-genc-279.2":{"name":"@genesislcap/foundation-services-status","version":"14.167.1-genc-279.2","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.167.1-genc-279.2","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"bccb5e8b7ec9c91a0b320b74fb618522e50f6909","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.167.1-genc-279.2.tgz","fileCount":74,"integrity":"sha512-lBvekppxywgsJo/aQ+knCv5ukf99R14TRCvl9pnimwt0TMchDde/WDgLthEsak5Kz0FwnpEHeHdM5GmrmtdJBQ==","signatures":[{"sig":"MEUCIG9/Q/SJJYCCt2QCB7djvtYnzawmjeXjS4SphiMCZTvaAiEAyUZM4j7+XcGYYcJQ5F3YCFHDGex0gjScIfHPiv8r92M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":117155},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"e3912c43c944b5c4861433b0db1a7bc3e5fd585e","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.167.1-genc-279.2","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.167.1-genc-279.2","@genesislcap/foundation-comms":"14.167.1-genc-279.2","@genesislcap/foundation-utils":"14.167.1-genc-279.2","@genesislcap/foundation-logger":"14.167.1-genc-279.2"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.167.1-genc-279.2","@genesislcap/ts-builder":"14.167.1-genc-279.2","@genesislcap/vite-builder":"14.167.1-genc-279.2","@genesislcap/rollup-builder":"14.167.1-genc-279.2","@genesislcap/webpack-builder":"14.167.1-genc-279.2","@genesislcap/foundation-testing":"14.167.1-genc-279.2","@genesislcap/uvu-playwright-builder":"14.167.1-genc-279.2"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.167.1-genc-279.2_1712668037310_0.4112813287408772","host":"s3://npm-registry-packages"}},"14.167.2":{"name":"@genesislcap/foundation-services-status","version":"14.167.2","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.167.2","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"e28f9058661e6206260b8e10641b0d968a6e8a3a","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.167.2.tgz","fileCount":74,"integrity":"sha512-0KdTQflALEmenw0WgIk34w0oNAuGmORci07v0V1CmfRp3HPCp2ZoW50DCP7Q7IbeORC5eJnwbITH+7j6u3nBcA==","signatures":[{"sig":"MEUCIAxNGNFZrRBmrVjfTMsriOmpbyoWJDHt7V36K4f8LVi2AiEApUgTXr5UOh08aISIC0kAh0H1yx7z31+qxmkR59/871M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":117012},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"2a8195a275ed18e314669107b77cbf70b6285b97","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.167.2","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.167.2","@genesislcap/foundation-comms":"14.167.2","@genesislcap/foundation-utils":"14.167.2","@genesislcap/foundation-logger":"14.167.2"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.167.2","@genesislcap/ts-builder":"14.167.2","@genesislcap/vite-builder":"14.167.2","@genesislcap/rollup-builder":"14.167.2","@genesislcap/webpack-builder":"14.167.2","@genesislcap/foundation-testing":"14.167.2","@genesislcap/uvu-playwright-builder":"14.167.2"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.167.2_1712671092357_0.7838780131886447","host":"s3://npm-registry-packages"}},"14.167.3-alpha-b40d1e5.0":{"name":"@genesislcap/foundation-services-status","version":"14.167.3-alpha-b40d1e5.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.167.3-alpha-b40d1e5.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"17ee5da8b315f697585aa6c3aaf5beb8ba7057d5","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.167.3-alpha-b40d1e5.0.tgz","fileCount":79,"integrity":"sha512-nyb9Nob7jNPt5RLXw6v++aLTf7cK3jeXihECezMPxPxAkT2FDXrgT/YhoVLaD8Vz8cZgLfx2lEWcX/Qh7iOJnA==","signatures":[{"sig":"MEUCIAYCOBPM5FZ+jbEkk6PPub3O5Hv1HaVyFNFZtNqu1qJ+AiEAm/Qf/NLyqtKWH7uLitUh9pEHbv9rQ1gTZSSjn0WTGUU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130631},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"806560f0199c3a212a734ecf090d18484b7627bf","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.167.3-alpha-b40d1e5.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.167.3-alpha-b40d1e5.0","@genesislcap/foundation-comms":"14.167.3-alpha-b40d1e5.0","@genesislcap/foundation-utils":"14.167.3-alpha-b40d1e5.0","@genesislcap/foundation-logger":"14.167.3-alpha-b40d1e5.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.167.3-alpha-b40d1e5.0","@genesislcap/ts-builder":"14.167.3-alpha-b40d1e5.0","@genesislcap/vite-builder":"14.167.3-alpha-b40d1e5.0","@genesislcap/rollup-builder":"14.167.3-alpha-b40d1e5.0","@genesislcap/webpack-builder":"14.167.3-alpha-b40d1e5.0","@genesislcap/foundation-testing":"14.167.3-alpha-b40d1e5.0","@genesislcap/uvu-playwright-builder":"14.167.3-alpha-b40d1e5.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.167.3-alpha-b40d1e5.0_1712768816894_0.49933079417226156","host":"s3://npm-registry-packages"}},"14.167.3-alpha-69ba23f.0":{"name":"@genesislcap/foundation-services-status","version":"14.167.3-alpha-69ba23f.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.167.3-alpha-69ba23f.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"afef3aefa6523e7325057510e532a9c556d0a07f","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.167.3-alpha-69ba23f.0.tgz","fileCount":79,"integrity":"sha512-JVb9xS6oSGyn0/p8LDJVS9VaWuqR7crHdlAmuXee9CfrUyoEj+VksGbx8JrJE1Y39DsLtb9yI/FoywcxsF8x9Q==","signatures":[{"sig":"MEQCIB2GowIKzpidjVRWvNSfnOyxOPevBwoA/f65CKa36M9IAiAkpZSfZv5kSDUxMuhxr+K1+2mjm3eiJaFraruokwK/4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130631},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"181f6eb8a074dea1a432c628141688c39163fbfd","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.167.3-alpha-69ba23f.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.167.3-alpha-69ba23f.0","@genesislcap/foundation-comms":"14.167.3-alpha-69ba23f.0","@genesislcap/foundation-utils":"14.167.3-alpha-69ba23f.0","@genesislcap/foundation-logger":"14.167.3-alpha-69ba23f.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.167.3-alpha-69ba23f.0","@genesislcap/ts-builder":"14.167.3-alpha-69ba23f.0","@genesislcap/vite-builder":"14.167.3-alpha-69ba23f.0","@genesislcap/rollup-builder":"14.167.3-alpha-69ba23f.0","@genesislcap/webpack-builder":"14.167.3-alpha-69ba23f.0","@genesislcap/foundation-testing":"14.167.3-alpha-69ba23f.0","@genesislcap/uvu-playwright-builder":"14.167.3-alpha-69ba23f.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.167.3-alpha-69ba23f.0_1712777561248_0.41171220723411417","host":"s3://npm-registry-packages"}},"14.168.0":{"name":"@genesislcap/foundation-services-status","version":"14.168.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.168.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"6407808a9569bb72bfe76e3349a2769ee4674cc9","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.168.0.tgz","fileCount":79,"integrity":"sha512-SNOwh4jqP+zzM5PvbbOV8saHQNsSrCu6pEO82UdEWRAau5mIt1A7runm+vZfK9OwxrfWzCr2/Ejqoy2bq7teiA==","signatures":[{"sig":"MEUCIBVJwHtvYzXJVOARkwEn+Nt9pAs+ab5wHHluMgMWRR10AiEAmnmeLkCdRycE6j87GVGX/WtsLYDoGWeFDMZrWQ2au7M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"5c2dfe8431713254545105d0ce1da29bc62ff483","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.168.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.168.0","@genesislcap/foundation-comms":"14.168.0","@genesislcap/foundation-utils":"14.168.0","@genesislcap/foundation-logger":"14.168.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.168.0","@genesislcap/ts-builder":"14.168.0","@genesislcap/vite-builder":"14.168.0","@genesislcap/rollup-builder":"14.168.0","@genesislcap/webpack-builder":"14.168.0","@genesislcap/foundation-testing":"14.168.0","@genesislcap/uvu-playwright-builder":"14.168.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.168.0_1712796238375_0.32835327114209245","host":"s3://npm-registry-packages"}},"14.169.0":{"name":"@genesislcap/foundation-services-status","version":"14.169.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.169.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"17a977f5c11920ea0d485aa451c90f036b16f0a9","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.169.0.tgz","fileCount":79,"integrity":"sha512-f4jVEUg2uWtaO+PBfFGSEKqA2RzayT3VZm1tS9fb8P08TDYR3pKKdkN9Y3hKnEFvdTwLsWRTMcss/SjPeWKzow==","signatures":[{"sig":"MEUCIDh1hNcEbEwfGrFRmBGxXNs2Z482mpQNPuo3ie8QXwl5AiEA49JjmxAfJSNEPHe68Z+VcYEsKTv50mnTP37PJ99Kygw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"59695045bb3be9f8f42679be27fc88cd911e5136","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.169.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.169.0","@genesislcap/foundation-comms":"14.169.0","@genesislcap/foundation-utils":"14.169.0","@genesislcap/foundation-logger":"14.169.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.169.0","@genesislcap/ts-builder":"14.169.0","@genesislcap/vite-builder":"14.169.0","@genesislcap/rollup-builder":"14.169.0","@genesislcap/webpack-builder":"14.169.0","@genesislcap/foundation-testing":"14.169.0","@genesislcap/uvu-playwright-builder":"14.169.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.169.0_1712846751820_0.3386842504611651","host":"s3://npm-registry-packages"}},"14.170.0":{"name":"@genesislcap/foundation-services-status","version":"14.170.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.170.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"d3b756370565acffcf32562e1316571e212a8995","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.170.0.tgz","fileCount":79,"integrity":"sha512-Xtxat0H/eNGotDfGtEkBBY2RYXGJYm8onv6Xny692I1pnlMhC5oentdYikXrQSm5cDxzDO2byRLIMzN9Gx65Kw==","signatures":[{"sig":"MEUCIQCfGSKQJbsUXnefSTXY6Xs1qy4rh1HnYavCemkt9j04vAIgPgUA8CGkR95n4xI56ur0CEphIMiPTiEa8eCxlh2ov5o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"98a1e02bb120637346bd3e6be6b4c050e63a1347","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.170.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.170.0","@genesislcap/foundation-comms":"14.170.0","@genesislcap/foundation-utils":"14.170.0","@genesislcap/foundation-logger":"14.170.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.170.0","@genesislcap/ts-builder":"14.170.0","@genesislcap/vite-builder":"14.170.0","@genesislcap/rollup-builder":"14.170.0","@genesislcap/webpack-builder":"14.170.0","@genesislcap/foundation-testing":"14.170.0","@genesislcap/uvu-playwright-builder":"14.170.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.170.0_1712850987777_0.8267865801367835","host":"s3://npm-registry-packages"}},"14.170.0-genxgit.1":{"name":"@genesislcap/foundation-services-status","version":"14.170.0-genxgit.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.170.0-genxgit.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"f564813028c815d18cc6a719fb8c13ef6cb4ed2b","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.170.0-genxgit.1.tgz","fileCount":79,"integrity":"sha512-//4IVsys0O5z2LeF2aypTAUL2cjAvyOYmjNmf6WYE6gUeza/4eH92AOsSNme6j+BWXIlbCPyGdmXbR1cUgwaLQ==","signatures":[{"sig":"MEUCIQCkG/bty0F76lyy49IudiDmSxKoLDBvjfIDPkG+OY4rAQIgHXKvfVLOZhH9D4rXnPJei057Apq6mnZBLxyIKWb5e68=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130553},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"63c42feb1ea6f7bc16d8bd50ae4d90af80b7a9e5","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.170.0-genxgit.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.170.0-genxgit.1","@genesislcap/foundation-comms":"14.170.0-genxgit.1","@genesislcap/foundation-utils":"14.170.0-genxgit.1","@genesislcap/foundation-logger":"14.170.0-genxgit.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.170.0-genxgit.1","@genesislcap/ts-builder":"14.170.0-genxgit.1","@genesislcap/vite-builder":"14.170.0-genxgit.1","@genesislcap/rollup-builder":"14.170.0-genxgit.1","@genesislcap/webpack-builder":"14.170.0-genxgit.1","@genesislcap/foundation-testing":"14.170.0-genxgit.1","@genesislcap/uvu-playwright-builder":"14.170.0-genxgit.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.170.0-genxgit.1_1713190260419_0.1720185274461139","host":"s3://npm-registry-packages"}},"14.170.1-alpha-2fe40dd.0":{"name":"@genesislcap/foundation-services-status","version":"14.170.1-alpha-2fe40dd.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.170.1-alpha-2fe40dd.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"eea96bffc23faf4770b66fc3969fe44aa9a2f6ff","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.170.1-alpha-2fe40dd.0.tgz","fileCount":79,"integrity":"sha512-GcZemI9V73171koz7HS4Gy28abg/GJ8C7/7u6PUnp+i2ixjWOVWujwhkniM27nHpd1WJymkANS8xP3WXjqtYjw==","signatures":[{"sig":"MEYCIQDl32Y0ckso1ipvh4v/dZnyk+yO0K2rmL/VupzwLMwXUgIhAJmLBYai5rWpnK4uVMTBEMCtGasZFlfEsnU9f6SIsw1+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130631},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"9ba958a4c69abeeb2c5a7eb80eec47540d381a74","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.170.1-alpha-2fe40dd.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.170.1-alpha-2fe40dd.0","@genesislcap/foundation-comms":"14.170.1-alpha-2fe40dd.0","@genesislcap/foundation-utils":"14.170.1-alpha-2fe40dd.0","@genesislcap/foundation-logger":"14.170.1-alpha-2fe40dd.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.170.1-alpha-2fe40dd.0","@genesislcap/ts-builder":"14.170.1-alpha-2fe40dd.0","@genesislcap/vite-builder":"14.170.1-alpha-2fe40dd.0","@genesislcap/rollup-builder":"14.170.1-alpha-2fe40dd.0","@genesislcap/webpack-builder":"14.170.1-alpha-2fe40dd.0","@genesislcap/foundation-testing":"14.170.1-alpha-2fe40dd.0","@genesislcap/uvu-playwright-builder":"14.170.1-alpha-2fe40dd.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.170.1-alpha-2fe40dd.0_1713192201381_0.1485789106857196","host":"s3://npm-registry-packages"}},"14.171.0":{"name":"@genesislcap/foundation-services-status","version":"14.171.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.171.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"6a54c3b92e1e5c36902df3ebbd2bb8d4c4b39b28","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.171.0.tgz","fileCount":79,"integrity":"sha512-qHLgLszfy4R9romHKhhpsvrECpLJQL6we0aIZivXHeRLT5tfcc38mlyt63AKjMLAn0iMZ75zBriJCUp8OA007Q==","signatures":[{"sig":"MEQCID059kxyVEnKbmnMmy3bNXIkwITTXkXY5ixc3O5w1Ct1AiBt9Du9n+PlaLl7w9CBcXmA3AoEytVB1MZ61o4HVCWjug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"312d2536cdfdd0c1b2c00dd623cc863edac31d7a","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.171.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.171.0","@genesislcap/foundation-comms":"14.171.0","@genesislcap/foundation-utils":"14.171.0","@genesislcap/foundation-logger":"14.171.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.171.0","@genesislcap/ts-builder":"14.171.0","@genesislcap/vite-builder":"14.171.0","@genesislcap/rollup-builder":"14.171.0","@genesislcap/webpack-builder":"14.171.0","@genesislcap/foundation-testing":"14.171.0","@genesislcap/uvu-playwright-builder":"14.171.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.171.0_1713192899595_0.7677513597381185","host":"s3://npm-registry-packages"}},"14.171.0-fdc3-grid-action-renderer.1":{"name":"@genesislcap/foundation-services-status","version":"14.171.0-fdc3-grid-action-renderer.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.171.0-fdc3-grid-action-renderer.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"9eee5151d21f9e1d6cb1d1e514ba857e14686ea2","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.171.0-fdc3-grid-action-renderer.1.tgz","fileCount":79,"integrity":"sha512-v9NO56jenK6XceQ5BuYZ8evRVUPo16fKDRGxXAKTYArA+Z/Iy/W5mTZNBJXfyhv+T3mRoLTosgduJo7ViRS9WA==","signatures":[{"sig":"MEUCIQCoZtGeh6tU5YYcn0sTdZNNZvksQW6MRqAGT+Eta7P9NAIgWCCFTxNhKzhofxuJKPFPFKjyV67YYWYlCW/FvS4fZ04=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130787},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"111615c4c87edec828dac34a05e5fe6e74bba83a","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.171.0-fdc3-grid-action-renderer.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.171.0-fdc3-grid-action-renderer.1","@genesislcap/foundation-comms":"14.171.0-fdc3-grid-action-renderer.1","@genesislcap/foundation-utils":"14.171.0-fdc3-grid-action-renderer.1","@genesislcap/foundation-logger":"14.171.0-fdc3-grid-action-renderer.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.171.0-fdc3-grid-action-renderer.1","@genesislcap/ts-builder":"14.171.0-fdc3-grid-action-renderer.1","@genesislcap/vite-builder":"14.171.0-fdc3-grid-action-renderer.1","@genesislcap/rollup-builder":"14.171.0-fdc3-grid-action-renderer.1","@genesislcap/webpack-builder":"14.171.0-fdc3-grid-action-renderer.1","@genesislcap/foundation-testing":"14.171.0-fdc3-grid-action-renderer.1","@genesislcap/uvu-playwright-builder":"14.171.0-fdc3-grid-action-renderer.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.171.0-fdc3-grid-action-renderer.1_1713262923251_0.6628430361841127","host":"s3://npm-registry-packages"}},"14.172.0":{"name":"@genesislcap/foundation-services-status","version":"14.172.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.172.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"031168e2c76181b1bf2ecbec5b8042a7c69eea6e","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.172.0.tgz","fileCount":79,"integrity":"sha512-Btr8z5N1afIN9tf7if5H4TNLNVrnjayIKPetpOAqovJ0Ed4O3MzFzbHnxh8w//s22pQhxYbR8DE+0H536TtGVg==","signatures":[{"sig":"MEQCIEXHHheldd5ssUvPB3v2YJD2n/2bkVSEmROqO1dI8Y2zAiBn5JO4Rb7+x7Ljm8qCQq4lBjkGLH3kknGCiCHp0EoAlQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"9ce48fc32022d61cd28b18c4b378af72e04b562f","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.172.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.172.0","@genesislcap/foundation-comms":"14.172.0","@genesislcap/foundation-utils":"14.172.0","@genesislcap/foundation-logger":"14.172.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.172.0","@genesislcap/ts-builder":"14.172.0","@genesislcap/vite-builder":"14.172.0","@genesislcap/rollup-builder":"14.172.0","@genesislcap/webpack-builder":"14.172.0","@genesislcap/foundation-testing":"14.172.0","@genesislcap/uvu-playwright-builder":"14.172.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.172.0_1713266572861_0.17864751429953252","host":"s3://npm-registry-packages"}},"14.172.1-alpha-30b1afc.0":{"name":"@genesislcap/foundation-services-status","version":"14.172.1-alpha-30b1afc.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.172.1-alpha-30b1afc.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"0a7a9e4c8bfec09be67b9b81c231b8e200eecc33","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.172.1-alpha-30b1afc.0.tgz","fileCount":79,"integrity":"sha512-+mZ76NorRs/pAWFjX1QSnmV38V/rJA38SmqMHW9Yknv074iLK96MfTDvdhQy6FyOBK10yqH27BJaX1hb5bDmiQ==","signatures":[{"sig":"MEUCIQD12y5g64y46ZDOTTKgcPhOC6KLUz2zV8pkYUyKhUcPngIgUGfBe+F7fs2FZLHKuaW5AQdqBtbMP2uf9CZ70FsOk2E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130631},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"03cac2d0ae1984bbe5f54f6792f5265fa2545476","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.172.1-alpha-30b1afc.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.172.1-alpha-30b1afc.0","@genesislcap/foundation-comms":"14.172.1-alpha-30b1afc.0","@genesislcap/foundation-utils":"14.172.1-alpha-30b1afc.0","@genesislcap/foundation-logger":"14.172.1-alpha-30b1afc.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.172.1-alpha-30b1afc.0","@genesislcap/ts-builder":"14.172.1-alpha-30b1afc.0","@genesislcap/vite-builder":"14.172.1-alpha-30b1afc.0","@genesislcap/rollup-builder":"14.172.1-alpha-30b1afc.0","@genesislcap/webpack-builder":"14.172.1-alpha-30b1afc.0","@genesislcap/foundation-testing":"14.172.1-alpha-30b1afc.0","@genesislcap/uvu-playwright-builder":"14.172.1-alpha-30b1afc.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.172.1-alpha-30b1afc.0_1713515189491_0.36003544357767914","host":"s3://npm-registry-packages"}},"14.172.1":{"name":"@genesislcap/foundation-services-status","version":"14.172.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.172.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"49e2c952a8876542925879f4afed12940c858cdc","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.172.1.tgz","fileCount":79,"integrity":"sha512-N/XW1epVZFhkwN3m6uriFi/9cJumszsnaF3wUH/TjDaGr8c9hzV5D+GogA6VPJ8+4AsBrCvl7/cHSj2NlFrj8g==","signatures":[{"sig":"MEQCIEIBjjYb7xmw/CQUrttZcU9Qp21jQPJZ40SYdxv8fSBXAiAOj6l4XlqBy/1QfFjBNBJZKRtEuQ/1OWym4VhVXLHtcA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"66c4431f6b31fbed5f64e9e17f413c6c8c1a5c5b","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.172.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.172.1","@genesislcap/foundation-comms":"14.172.1","@genesislcap/foundation-utils":"14.172.1","@genesislcap/foundation-logger":"14.172.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.172.1","@genesislcap/ts-builder":"14.172.1","@genesislcap/vite-builder":"14.172.1","@genesislcap/rollup-builder":"14.172.1","@genesislcap/webpack-builder":"14.172.1","@genesislcap/foundation-testing":"14.172.1","@genesislcap/uvu-playwright-builder":"14.172.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.172.1_1713516808632_0.1670635935465561","host":"s3://npm-registry-packages"}},"14.172.2":{"name":"@genesislcap/foundation-services-status","version":"14.172.2","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.172.2","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"834bfa644c11695588cefbedade9340e842c4909","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.172.2.tgz","fileCount":79,"integrity":"sha512-XbP8SW8Q0WEffZjsq2c9PSEfLcWCO89D90dgRhS6y9DJ3xpRpSgSLOL1dePwPWBR8ik3XfLmEK56gMegf7CBiw==","signatures":[{"sig":"MEYCIQDpAYMiPzSKdb++OKPvhKK+jJaLiIrp4o12SFh6mCsG3gIhAJzH8vPStolV7u1tXumJE6QdUdYE0H8K7RwMKpCaZ3SM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"a6749638692882168d42f082894d110a07f735fc","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.172.2","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.172.2","@genesislcap/foundation-comms":"14.172.2","@genesislcap/foundation-utils":"14.172.2","@genesislcap/foundation-logger":"14.172.2"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.172.2","@genesislcap/ts-builder":"14.172.2","@genesislcap/vite-builder":"14.172.2","@genesislcap/rollup-builder":"14.172.2","@genesislcap/webpack-builder":"14.172.2","@genesislcap/foundation-testing":"14.172.2","@genesislcap/uvu-playwright-builder":"14.172.2"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.172.2_1713534430744_0.44445926753580123","host":"s3://npm-registry-packages"}},"14.172.2-PA-1208.2":{"name":"@genesislcap/foundation-services-status","version":"14.172.2-PA-1208.2","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.172.2-PA-1208.2","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"882dda2cfbb6bf90f7cb958f7ac4197453202f96","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.172.2-PA-1208.2.tgz","fileCount":79,"integrity":"sha512-fAQPDCo1xozmIDTtFJDE9zEIFiem/jB61xChUzuCYmLCrtVQaIQfGZ6T2bUhpTtb6OA33nqEUAuV5rQwZ76tyQ==","signatures":[{"sig":"MEYCIQDvlULipP9v/lL0AXZXI3OLsGqVsgO8Z0F9roAnzNbjeQIhAMo1P4jviWUMeoKTvdn3jx3iBeYJUwKM0EJ/ZiZ6Jant","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130553},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"e455ebce63459d464d2e46c9b6f5061903fbfa20","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.172.2-PA-1208.2","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.172.2-PA-1208.2","@genesislcap/foundation-comms":"14.172.2-PA-1208.2","@genesislcap/foundation-utils":"14.172.2-PA-1208.2","@genesislcap/foundation-logger":"14.172.2-PA-1208.2"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.172.2-PA-1208.2","@genesislcap/ts-builder":"14.172.2-PA-1208.2","@genesislcap/vite-builder":"14.172.2-PA-1208.2","@genesislcap/rollup-builder":"14.172.2-PA-1208.2","@genesislcap/webpack-builder":"14.172.2-PA-1208.2","@genesislcap/foundation-testing":"14.172.2-PA-1208.2","@genesislcap/uvu-playwright-builder":"14.172.2-PA-1208.2"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.172.2-PA-1208.2_1713868767131_0.722546938871145","host":"s3://npm-registry-packages"}},"14.172.3":{"name":"@genesislcap/foundation-services-status","version":"14.172.3","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.172.3","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"68b298480c65692a7f68a05973395ea468db3f7f","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.172.3.tgz","fileCount":79,"integrity":"sha512-5pbMzqBAGhnMcoF0PyM2IdBIRsamU2IUoE0wWMl9LaUTjmFo4SQchfwYQ5qbv1Zibo+nW6svL9eHzssn7Khyng==","signatures":[{"sig":"MEUCIFuhLUUmzJmWqfWmW1IJzA0Ibcc5Ew8Xq1DGt1B29DNzAiEAy91fcTtBE0Dnlm7pIXkZi/K4jexHXPrmSmIAPqW1WWk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"cc9b93fba1c80a063df18cbd70752c921f9bad0a","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.172.3","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.172.3","@genesislcap/foundation-comms":"14.172.3","@genesislcap/foundation-utils":"14.172.3","@genesislcap/foundation-logger":"14.172.3"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.172.3","@genesislcap/ts-builder":"14.172.3","@genesislcap/vite-builder":"14.172.3","@genesislcap/rollup-builder":"14.172.3","@genesislcap/webpack-builder":"14.172.3","@genesislcap/foundation-testing":"14.172.3","@genesislcap/uvu-playwright-builder":"14.172.3"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.172.3_1713975864076_0.9019202935200004","host":"s3://npm-registry-packages"}},"14.173.0":{"name":"@genesislcap/foundation-services-status","version":"14.173.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.173.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"682c0e59ca4e428d6433f83efe4e09c0a53fadbe","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.173.0.tgz","fileCount":79,"integrity":"sha512-1Vk919jVUmOUx7bBYcU8jAuKVBMzPEaxhqcIEuLmUClABlbHuxrS7ie+GCHQZwuJLZI0YTUg6CAxYy9nMXktZg==","signatures":[{"sig":"MEQCIDuK7Moxto22tgxvtyVCa98wQFqxpRGANgUQLBzhDpWEAiBCqW1Qe8y9Jg1xvWi19+pqMFoHjAMu+EghCq3BQXQg3A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"305d22f53f12f2df0ed90a713575837d36aec80f","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.173.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.173.0","@genesislcap/foundation-comms":"14.173.0","@genesislcap/foundation-utils":"14.173.0","@genesislcap/foundation-logger":"14.173.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.173.0","@genesislcap/ts-builder":"14.173.0","@genesislcap/vite-builder":"14.173.0","@genesislcap/rollup-builder":"14.173.0","@genesislcap/webpack-builder":"14.173.0","@genesislcap/foundation-testing":"14.173.0","@genesislcap/uvu-playwright-builder":"14.173.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.173.0_1714030546934_0.5428271879016464","host":"s3://npm-registry-packages"}},"14.173.1":{"name":"@genesislcap/foundation-services-status","version":"14.173.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.173.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"854934da7ec9247ddf330faa474ca0e2e7719013","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.173.1.tgz","fileCount":79,"integrity":"sha512-Fozb8so5FEJF4jAq9A29nUtpX/t7cUhrMFlz2qTxVndX9o8oh+VD74mPDwPCRjtpNPKzKlRlm2Bdw5wYhNV7JA==","signatures":[{"sig":"MEUCIQDEBKm6+c+o9X/kljXQq0SnHijIa0LL401o+Cyl+iBfUAIgRFzEGgawqvcORiVPrF3PyQTKlmTJEJ+5ET8w/XMoNrc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"f5103964572a3612e77c069dd8b41cec6980d89f","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.173.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.173.1","@genesislcap/foundation-comms":"14.173.1","@genesislcap/foundation-utils":"14.173.1","@genesislcap/foundation-logger":"14.173.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.173.1","@genesislcap/ts-builder":"14.173.1","@genesislcap/vite-builder":"14.173.1","@genesislcap/rollup-builder":"14.173.1","@genesislcap/webpack-builder":"14.173.1","@genesislcap/foundation-testing":"14.173.1","@genesislcap/uvu-playwright-builder":"14.173.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.173.1_1714033730262_0.41051890362338295","host":"s3://npm-registry-packages"}},"14.173.2-alpha-090e5e7.0":{"name":"@genesislcap/foundation-services-status","version":"14.173.2-alpha-090e5e7.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.173.2-alpha-090e5e7.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"47ff7d283e564127cc81a58cb28a6f8040b4626b","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.173.2-alpha-090e5e7.0.tgz","fileCount":79,"integrity":"sha512-8otm+lfJ/iCVZDIgMILlKtQI52QesXuouktCBsQvdA3f6VU13ohptXshAEfFCx+tPRfVb+ezJUOxF1gcyDdSbg==","signatures":[{"sig":"MEUCIQDRCPf0U7H2ousKqhb1YPeniPZEtnVlzjLPA5yDfSvYmAIgdClarKT+n94f0m1Fu1S31wMuUEGbQTMpb30yOpZUqms=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130631},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"bf0c7514fa27e60b050480fda6d2881578eadcfc","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.173.2-alpha-090e5e7.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.173.2-alpha-090e5e7.0","@genesislcap/foundation-comms":"14.173.2-alpha-090e5e7.0","@genesislcap/foundation-utils":"14.173.2-alpha-090e5e7.0","@genesislcap/foundation-logger":"14.173.2-alpha-090e5e7.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.173.2-alpha-090e5e7.0","@genesislcap/ts-builder":"14.173.2-alpha-090e5e7.0","@genesislcap/vite-builder":"14.173.2-alpha-090e5e7.0","@genesislcap/rollup-builder":"14.173.2-alpha-090e5e7.0","@genesislcap/webpack-builder":"14.173.2-alpha-090e5e7.0","@genesislcap/foundation-testing":"14.173.2-alpha-090e5e7.0","@genesislcap/uvu-playwright-builder":"14.173.2-alpha-090e5e7.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.173.2-alpha-090e5e7.0_1714137071335_0.9076082961372212","host":"s3://npm-registry-packages"}},"14.173.2":{"name":"@genesislcap/foundation-services-status","version":"14.173.2","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.173.2","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"82dfc431423741392fca83858a451693edf766aa","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.173.2.tgz","fileCount":79,"integrity":"sha512-lgvEJ1CHhBU9EzM+gpdV7hS6zsWUeKXC6jtUzpebkYpCOZZcHKTyj64PfK2CVAXu2zyxqh62/h45FQ42twFyPw==","signatures":[{"sig":"MEUCIQCKB2t4n4UMph9CogynWyUbFatCDo85BiTkxNLBsBReJQIgfLSagz7PL8KHmIALifA+h80bY/rBLKw6lD2RFXKykQk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"71fc144405128ebf0c1009b8cce36ec0df8252e8","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.173.2","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.173.2","@genesislcap/foundation-comms":"14.173.2","@genesislcap/foundation-utils":"14.173.2","@genesislcap/foundation-logger":"14.173.2"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.173.2","@genesislcap/ts-builder":"14.173.2","@genesislcap/vite-builder":"14.173.2","@genesislcap/rollup-builder":"14.173.2","@genesislcap/webpack-builder":"14.173.2","@genesislcap/foundation-testing":"14.173.2","@genesislcap/uvu-playwright-builder":"14.173.2"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.173.2_1714140927425_0.7649346936368002","host":"s3://npm-registry-packages"}},"14.173.2-genc-374.1":{"name":"@genesislcap/foundation-services-status","version":"14.173.2-genc-374.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.173.2-genc-374.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"6e251288340ece365c9e69cb38fd3f5a9e7888b0","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.173.2-genc-374.1.tgz","fileCount":79,"integrity":"sha512-/6qDd8H7jTI7zWnISai2yZYlTaDkvCpV+KciBTkdAkN5ZiA43kENAE+BTLbsOGUkYSwzJb66LzPRvkdPg38QZg==","signatures":[{"sig":"MEQCICohAFkW98s44XrSubmCkwsKx6CLDQ0K6TP1Yh5dPZjsAiBMizghaglhuel1+0EarlJUTrX9IT/uLJC6k3VjXkmTXg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130566},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"fb61fc107ae99479f65cda54bf5e028e58f6f512","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.173.2-genc-374.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.173.2-genc-374.1","@genesislcap/foundation-comms":"14.173.2-genc-374.1","@genesislcap/foundation-utils":"14.173.2-genc-374.1","@genesislcap/foundation-logger":"14.173.2-genc-374.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.173.2-genc-374.1","@genesislcap/ts-builder":"14.173.2-genc-374.1","@genesislcap/vite-builder":"14.173.2-genc-374.1","@genesislcap/rollup-builder":"14.173.2-genc-374.1","@genesislcap/webpack-builder":"14.173.2-genc-374.1","@genesislcap/foundation-testing":"14.173.2-genc-374.1","@genesislcap/uvu-playwright-builder":"14.173.2-genc-374.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.173.2-genc-374.1_1714378066895_0.6512700466884367","host":"s3://npm-registry-packages"}},"14.173.3":{"name":"@genesislcap/foundation-services-status","version":"14.173.3","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.173.3","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"038bafd789916195206014d2511ba690517d8a98","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.173.3.tgz","fileCount":79,"integrity":"sha512-L3nOnmeaXZzJSWJHdC05gtz0SkKGQAU9FFgzbrKu4aCqnq5sveSzC/hWdL/RSxv9wE+wA3aXFkU3r3FhA0ysgQ==","signatures":[{"sig":"MEQCIBbsW0FmSrQ9HLA8M3AI5g+Sk4iGpnmJflufimyo3jRsAiAUTIHG1oRnC/fHiD9vG08uxJJLKxVV0Q2bR8bo9fpVdQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"0bdb1299f8a0357337b96c114401a8bb84f92d36","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.173.3","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.173.3","@genesislcap/foundation-comms":"14.173.3","@genesislcap/foundation-utils":"14.173.3","@genesislcap/foundation-logger":"14.173.3"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.173.3","@genesislcap/ts-builder":"14.173.3","@genesislcap/vite-builder":"14.173.3","@genesislcap/rollup-builder":"14.173.3","@genesislcap/webpack-builder":"14.173.3","@genesislcap/foundation-testing":"14.173.3","@genesislcap/uvu-playwright-builder":"14.173.3"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.173.3_1714477395231_0.2770510287367536","host":"s3://npm-registry-packages"}},"14.173.2-genc-376.1":{"name":"@genesislcap/foundation-services-status","version":"14.173.2-genc-376.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.173.2-genc-376.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"9045b4bdae7280d2debdf8bda6b4796c9147bbec","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.173.2-genc-376.1.tgz","fileCount":79,"integrity":"sha512-SEbwu7Su2rCfLBbMtSlmNBXUUjpW1Dqc8GTkMs6wfUvADNm1pAxX6BYG91bLhTWD9sX6Bl9vSQTJbzw4TF/OJQ==","signatures":[{"sig":"MEYCIQDLN7XomgB+b0U9zZpATRuf6m1XoHIQUTFFLsJaGpnHlAIhAJsoQ5jD1XiwcHIALTJks8fH7RMvRbvKLbLpW5m40k7g","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130566},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"bccff7c037fb60bf047a34d39e0fdd810d224bb8","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.173.2-genc-376.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.173.2-genc-376.1","@genesislcap/foundation-comms":"14.173.2-genc-376.1","@genesislcap/foundation-utils":"14.173.2-genc-376.1","@genesislcap/foundation-logger":"14.173.2-genc-376.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.173.2-genc-376.1","@genesislcap/ts-builder":"14.173.2-genc-376.1","@genesislcap/vite-builder":"14.173.2-genc-376.1","@genesislcap/rollup-builder":"14.173.2-genc-376.1","@genesislcap/webpack-builder":"14.173.2-genc-376.1","@genesislcap/foundation-testing":"14.173.2-genc-376.1","@genesislcap/uvu-playwright-builder":"14.173.2-genc-376.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.173.2-genc-376.1_1714554211077_0.7601838801200402","host":"s3://npm-registry-packages"}},"14.173.4":{"name":"@genesislcap/foundation-services-status","version":"14.173.4","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.173.4","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"c5f6b953f30acfdc121e04e0d0f4d218ab0de662","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.173.4.tgz","fileCount":79,"integrity":"sha512-KyURzgWcX/nTuAxLna4Xb9825nmf1CJaCRDdcWAaVuT0UmWo/MVVlAyNOgM7jYCTVUxoS6XcaRfgt40dnACWNA==","signatures":[{"sig":"MEYCIQDL7vHistWZ+HvnUNxhwyj2JvpHZWBhYUNNHLv4V21s3gIhAIum38TSdzbLZqmXc8D1sBfPOdabyTk/hgxeHEmDIqEW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"d426235b0588017e2a4bc9f5ae0d615928bfb21d","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.173.4","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.173.4","@genesislcap/foundation-comms":"14.173.4","@genesislcap/foundation-utils":"14.173.4","@genesislcap/foundation-logger":"14.173.4"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.173.4","@genesislcap/ts-builder":"14.173.4","@genesislcap/vite-builder":"14.173.4","@genesislcap/rollup-builder":"14.173.4","@genesislcap/webpack-builder":"14.173.4","@genesislcap/foundation-testing":"14.173.4","@genesislcap/uvu-playwright-builder":"14.173.4"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.173.4_1714741116726_0.1402552432913342","host":"s3://npm-registry-packages"}},"14.174.0":{"name":"@genesislcap/foundation-services-status","version":"14.174.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.174.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"d2ff1f35e09a6748073c0aeb7f96795e4cc4c913","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.174.0.tgz","fileCount":79,"integrity":"sha512-EEiUbPWCCNu1Bcq1bCNL8dlbh5mtFfxF/vrbEmJVYuTTm2Ag/NVcV41SomjkWWr83aDG7CPTELNg/mpSwQ/Nhg==","signatures":[{"sig":"MEQCIFX18S5z9oD6FjVifPUX8BGg77Ck05hFTQ2po7WxUdpkAiAvEX+16bjOtfRPd95iFwRLQrhQwvPKOZL2aJHuiyQ/6A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"1812b2af8a7a6a9c72db973b338c19128d876f93","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.174.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.174.0","@genesislcap/foundation-comms":"14.174.0","@genesislcap/foundation-utils":"14.174.0","@genesislcap/foundation-logger":"14.174.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.174.0","@genesislcap/ts-builder":"14.174.0","@genesislcap/vite-builder":"14.174.0","@genesislcap/rollup-builder":"14.174.0","@genesislcap/webpack-builder":"14.174.0","@genesislcap/foundation-testing":"14.174.0","@genesislcap/uvu-playwright-builder":"14.174.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.174.0_1715073957000_0.7060513882045174","host":"s3://npm-registry-packages"}},"14.175.0":{"name":"@genesislcap/foundation-services-status","version":"14.175.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.175.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"4e16e859748d01a68b295fa883facf8e62312aa2","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.175.0.tgz","fileCount":79,"integrity":"sha512-rm+A4lctkjDa+c+j/vryptWIVTSMSVcGDMa8eGxSLXCsJUhrBPg7sGECYF7c6+AMOQ2Fa0sA42e6P5gds/LRYw==","signatures":[{"sig":"MEUCIQDgMZ2HO2Gh9/Bql/u2VbF8gBYnWL3klQV8poFouxC+BQIgMQyZTIJ3WM6ArITsLKE2+07Sv/1t0880ZgbyNz+0Ugc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"4dab49e3b537a4166f54d4ecd48855f0cc7b0414","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.175.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.175.0","@genesislcap/foundation-comms":"14.175.0","@genesislcap/foundation-utils":"14.175.0","@genesislcap/foundation-logger":"14.175.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.175.0","@genesislcap/ts-builder":"14.175.0","@genesislcap/vite-builder":"14.175.0","@genesislcap/rollup-builder":"14.175.0","@genesislcap/webpack-builder":"14.175.0","@genesislcap/foundation-testing":"14.175.0","@genesislcap/uvu-playwright-builder":"14.175.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.175.0_1715080908934_0.637686600189497","host":"s3://npm-registry-packages"}},"14.176.0":{"name":"@genesislcap/foundation-services-status","version":"14.176.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.176.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"0a13205c3ad963443954264649dfc9a7331c56b4","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.176.0.tgz","fileCount":79,"integrity":"sha512-2l+r7FnlZ6GejkU7GpP296m0YVxXZWymnQq94zVW5Qs5f2BX5Mg4Q6eLKPYE/sslKoE2KH6Cl54hIDctI6usKQ==","signatures":[{"sig":"MEQCIAoyfK2ri9dHoAGVRVfbuDL7OWWNhIb4WKcDPMldOyMDAiBzdirD2aSuruDRLoqFn7yGClusJTVDf4qWk552Gf6WCA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"e8d311eaf27cd3d155813081ad70a18aa0a826fd","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.176.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.176.0","@genesislcap/foundation-comms":"14.176.0","@genesislcap/foundation-utils":"14.176.0","@genesislcap/foundation-logger":"14.176.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.176.0","@genesislcap/ts-builder":"14.176.0","@genesislcap/vite-builder":"14.176.0","@genesislcap/rollup-builder":"14.176.0","@genesislcap/webpack-builder":"14.176.0","@genesislcap/foundation-testing":"14.176.0","@genesislcap/uvu-playwright-builder":"14.176.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.176.0_1715090115019_0.7944769480998111","host":"s3://npm-registry-packages"}},"14.176.1-alpha-6ef4895.0":{"name":"@genesislcap/foundation-services-status","version":"14.176.1-alpha-6ef4895.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.176.1-alpha-6ef4895.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"0ef215eb1e84226d1a0e0139588d08fcafab6769","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.176.1-alpha-6ef4895.0.tgz","fileCount":79,"integrity":"sha512-ysZLSqtvCqchLdUVvLzXogpfsmyv3KCuGFisVWZH+o0GSyfXUNVWZfyM8m6iYVjvVguALIfuYKJ2oOFBFlDgwg==","signatures":[{"sig":"MEUCIFE7E37GcIAdILXVVtLtHhOibLpmW2kZTi10QeqbSiNoAiEAxfqulVr6/LDf3enjCPBFct4Yddg6P1qINbTvLhRtzjM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130631},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"7576777c410789f2699b2522129c8a206f3ccacf","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.12.2+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.12.2","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.176.1-alpha-6ef4895.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.176.1-alpha-6ef4895.0","@genesislcap/foundation-comms":"14.176.1-alpha-6ef4895.0","@genesislcap/foundation-utils":"14.176.1-alpha-6ef4895.0","@genesislcap/foundation-logger":"14.176.1-alpha-6ef4895.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.176.1-alpha-6ef4895.0","@genesislcap/ts-builder":"14.176.1-alpha-6ef4895.0","@genesislcap/vite-builder":"14.176.1-alpha-6ef4895.0","@genesislcap/rollup-builder":"14.176.1-alpha-6ef4895.0","@genesislcap/webpack-builder":"14.176.1-alpha-6ef4895.0","@genesislcap/foundation-testing":"14.176.1-alpha-6ef4895.0","@genesislcap/uvu-playwright-builder":"14.176.1-alpha-6ef4895.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.176.1-alpha-6ef4895.0_1715124551713_0.7665140805935777","host":"s3://npm-registry-packages"}},"14.176.1-alpha-ed9e3d4.0":{"name":"@genesislcap/foundation-services-status","version":"14.176.1-alpha-ed9e3d4.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.176.1-alpha-ed9e3d4.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"323a33375246df49db1a73a8f4dff6f10219dd8e","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.176.1-alpha-ed9e3d4.0.tgz","fileCount":79,"integrity":"sha512-ZIvQytpHF7659q81hFzn6SFcGS2QvHHMG4y/Iba9rm3qpbOjpiUMwDq7UFlg84E7CPIE51+ADEn1fUYIZGTCgg==","signatures":[{"sig":"MEYCIQCkF+630llkZIP8U/O3lvFa4EVfh2UrZms7PfAxA65JKQIhAMUvjiwXzyyhhEutAIpX0xBRc8EinAo9po4C/3zNOeU3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130631},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"6445272a68d360b0f5bb97adc641df806470957e","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.176.1-alpha-ed9e3d4.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.176.1-alpha-ed9e3d4.0","@genesislcap/foundation-comms":"14.176.1-alpha-ed9e3d4.0","@genesislcap/foundation-utils":"14.176.1-alpha-ed9e3d4.0","@genesislcap/foundation-logger":"14.176.1-alpha-ed9e3d4.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.176.1-alpha-ed9e3d4.0","@genesislcap/ts-builder":"14.176.1-alpha-ed9e3d4.0","@genesislcap/vite-builder":"14.176.1-alpha-ed9e3d4.0","@genesislcap/rollup-builder":"14.176.1-alpha-ed9e3d4.0","@genesislcap/webpack-builder":"14.176.1-alpha-ed9e3d4.0","@genesislcap/foundation-testing":"14.176.1-alpha-ed9e3d4.0","@genesislcap/uvu-playwright-builder":"14.176.1-alpha-ed9e3d4.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.176.1-alpha-ed9e3d4.0_1715179796492_0.972344535857389","host":"s3://npm-registry-packages"}},"14.177.0":{"name":"@genesislcap/foundation-services-status","version":"14.177.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.177.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"b48ae75d829b1daf1ad2ab5a95823779f5e114a3","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.177.0.tgz","fileCount":79,"integrity":"sha512-S3jlT3WBUKF6ZGTKUFPqxFz0kPUZlIL6rM1cMq8Il9MJN5Shm+EZgknOsBv5m8EkWl7UEaHFX5OQ5AYKYKbdZA==","signatures":[{"sig":"MEUCIEywljUomBiob0d3LmQ1jr2WfRM7J0CqXgG4prJXp/KaAiEAx8gbTyz758ks36bCT6AZUuo6FAPfPJ4+aRGxW26g9c4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"b3c0ce3e0fa58bae562c2c9bec96beee6a4a2ed4","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.177.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.177.0","@genesislcap/foundation-comms":"14.177.0","@genesislcap/foundation-utils":"14.177.0","@genesislcap/foundation-logger":"14.177.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.177.0","@genesislcap/ts-builder":"14.177.0","@genesislcap/vite-builder":"14.177.0","@genesislcap/rollup-builder":"14.177.0","@genesislcap/webpack-builder":"14.177.0","@genesislcap/foundation-testing":"14.177.0","@genesislcap/uvu-playwright-builder":"14.177.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.177.0_1715190349531_0.85506310379147","host":"s3://npm-registry-packages"}},"14.177.1":{"name":"@genesislcap/foundation-services-status","version":"14.177.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.177.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"d67d73c369f17d44363b0f36f1fc3dda610d962b","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.177.1.tgz","fileCount":79,"integrity":"sha512-Yz0tiBs+FIiUt6djaU1mdBq168eUx+1fg8JxmcFwRCqc7lFTfghkbyeOrqQj/R9l6DZECI8iBbKW4R5okYe8ow==","signatures":[{"sig":"MEUCIQDOyVhC3AyaL3bkMsoCRoK5OLP48f392Pr52wrqLleTAwIgVE152zJdr5MMzz+Y6F9E2A81L2C+fUEp7TVecPnGLKM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"c07c95144c7ef605e038161300877aea756dcc28","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.177.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.177.1","@genesislcap/foundation-comms":"14.177.1","@genesislcap/foundation-utils":"14.177.1","@genesislcap/foundation-logger":"14.177.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.177.1","@genesislcap/ts-builder":"14.177.1","@genesislcap/vite-builder":"14.177.1","@genesislcap/rollup-builder":"14.177.1","@genesislcap/webpack-builder":"14.177.1","@genesislcap/foundation-testing":"14.177.1","@genesislcap/uvu-playwright-builder":"14.177.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.177.1_1715355821325_0.9279093128436815","host":"s3://npm-registry-packages"}},"14.177.2-alpha-f467137.0":{"name":"@genesislcap/foundation-services-status","version":"14.177.2-alpha-f467137.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.177.2-alpha-f467137.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"9379f887a1ef497b7b0bad477db109e92512e822","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.177.2-alpha-f467137.0.tgz","fileCount":79,"integrity":"sha512-L7lQNavk/HtwJt4cooIIaP7iLMPzM0QNFqUdQbFxDBa7MZVb3dn+VplQSgLzCQcR/pXntLLSzz57LMdQUxP8gA==","signatures":[{"sig":"MEQCIQCLdesolFCUdI8FhBrnQunVtVWqnDZ6T1Z8CvhKrBlVJQIfdrOejoGcwv/xkZw6St21pyWLzznN33QwY8GQx9QliA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130631},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"dbf09e1d3aaf89dd5d8e837b0d3c2a3cc7fd5b57","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.177.2-alpha-f467137.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.177.2-alpha-f467137.0","@genesislcap/foundation-comms":"14.177.2-alpha-f467137.0","@genesislcap/foundation-utils":"14.177.2-alpha-f467137.0","@genesislcap/foundation-logger":"14.177.2-alpha-f467137.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.177.2-alpha-f467137.0","@genesislcap/ts-builder":"14.177.2-alpha-f467137.0","@genesislcap/vite-builder":"14.177.2-alpha-f467137.0","@genesislcap/rollup-builder":"14.177.2-alpha-f467137.0","@genesislcap/webpack-builder":"14.177.2-alpha-f467137.0","@genesislcap/foundation-testing":"14.177.2-alpha-f467137.0","@genesislcap/uvu-playwright-builder":"14.177.2-alpha-f467137.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.177.2-alpha-f467137.0_1715376233668_0.8060188576260607","host":"s3://npm-registry-packages"}},"14.177.0-raise-intent.1":{"name":"@genesislcap/foundation-services-status","version":"14.177.0-raise-intent.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.177.0-raise-intent.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"23c1b8867e7ce514fc89ed3802693053a18ee2dd","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.177.0-raise-intent.1.tgz","fileCount":79,"integrity":"sha512-zBxR0vYmpfrEHcsjzqDdP4bGmuETKkjNv35g1uUpZWu1smIB94dyepYJxI2pLsafTWwUQpue7AOz9qO+AyxclQ==","signatures":[{"sig":"MEUCIDB/1hCIc8Yhy6NPL16sBmHo+w6uSyTAJUcXKYddyy+zAiEAh0ktlPIidL1qFd2N6+0fEnHr01rk2UAMQRYPINwNKS0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130618},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"feead1717af6b7a7eeaea57c4d93d466af377c48","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.177.0-raise-intent.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.177.0-raise-intent.1","@genesislcap/foundation-comms":"14.177.0-raise-intent.1","@genesislcap/foundation-utils":"14.177.0-raise-intent.1","@genesislcap/foundation-logger":"14.177.0-raise-intent.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.177.0-raise-intent.1","@genesislcap/ts-builder":"14.177.0-raise-intent.1","@genesislcap/vite-builder":"14.177.0-raise-intent.1","@genesislcap/rollup-builder":"14.177.0-raise-intent.1","@genesislcap/webpack-builder":"14.177.0-raise-intent.1","@genesislcap/foundation-testing":"14.177.0-raise-intent.1","@genesislcap/uvu-playwright-builder":"14.177.0-raise-intent.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.177.0-raise-intent.1_1715582169083_0.15735361266675674","host":"s3://npm-registry-packages"}},"14.177.0-raise-intent.2":{"name":"@genesislcap/foundation-services-status","version":"14.177.0-raise-intent.2","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.177.0-raise-intent.2","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"8434450d39797c7227fbd421eda0f5691084647e","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.177.0-raise-intent.2.tgz","fileCount":79,"integrity":"sha512-/f1ewTetPfLBVPF+FQ2Mx3V3uoQ2+gyOB2nWtk8XwyZQTImbU+eBimNmxwORTLycDzAyCJGpL/ZZvM064umhcg==","signatures":[{"sig":"MEQCIGZ1v6gyv7BPuiLM8roIN7D45bxVYOIXBD94xiIovdoXAiAzYKX8tyqoyqUvURs7SV238dx/sibZNco6RfHrjNvmaQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130618},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"e4fc623cd74ca40eac914c710ff7f612669aec57","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.177.0-raise-intent.2","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.177.0-raise-intent.2","@genesislcap/foundation-comms":"14.177.0-raise-intent.2","@genesislcap/foundation-utils":"14.177.0-raise-intent.2","@genesislcap/foundation-logger":"14.177.0-raise-intent.2"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.177.0-raise-intent.2","@genesislcap/ts-builder":"14.177.0-raise-intent.2","@genesislcap/vite-builder":"14.177.0-raise-intent.2","@genesislcap/rollup-builder":"14.177.0-raise-intent.2","@genesislcap/webpack-builder":"14.177.0-raise-intent.2","@genesislcap/foundation-testing":"14.177.0-raise-intent.2","@genesislcap/uvu-playwright-builder":"14.177.0-raise-intent.2"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.177.0-raise-intent.2_1715589502172_0.5888150146983302","host":"s3://npm-registry-packages"}},"14.177.1-raise-intent.3":{"name":"@genesislcap/foundation-services-status","version":"14.177.1-raise-intent.3","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.177.1-raise-intent.3","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"58400955e9c3403ce21159d5f352479fc89ba0d5","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.177.1-raise-intent.3.tgz","fileCount":79,"integrity":"sha512-pJdMUqIAgri58a6erA8//ro2i5YA1H093RmcShlnlpADexu3n8t83pP2iy4b5Eq6sCTleIfj/X0xB1iPctAr9g==","signatures":[{"sig":"MEUCIEATnPoxtwUWS/6sn4+8D7fltfFJV0rj8zVLRaXstC7qAiEA+2oYSe0d2V8w+KfKZ/8+UNn8Lk/QB475eO6iZ7vBr/k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130618},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"f5324c57f954472dce136d742e9937668bb7c315","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.177.1-raise-intent.3","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.177.1-raise-intent.3","@genesislcap/foundation-comms":"14.177.1-raise-intent.3","@genesislcap/foundation-utils":"14.177.1-raise-intent.3","@genesislcap/foundation-logger":"14.177.1-raise-intent.3"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.177.1-raise-intent.3","@genesislcap/ts-builder":"14.177.1-raise-intent.3","@genesislcap/vite-builder":"14.177.1-raise-intent.3","@genesislcap/rollup-builder":"14.177.1-raise-intent.3","@genesislcap/webpack-builder":"14.177.1-raise-intent.3","@genesislcap/foundation-testing":"14.177.1-raise-intent.3","@genesislcap/uvu-playwright-builder":"14.177.1-raise-intent.3"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.177.1-raise-intent.3_1715590988447_0.9840644270578787","host":"s3://npm-registry-packages"}},"14.177.2-alpha-ca0c7658ab2.0":{"name":"@genesislcap/foundation-services-status","version":"14.177.2-alpha-ca0c7658ab2.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.177.2-alpha-ca0c7658ab2.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"0dc9f0df67b1c8de325da3ac73d80c5bc8f44246","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.177.2-alpha-ca0c7658ab2.0.tgz","fileCount":79,"integrity":"sha512-n4dJQk55FntnN8r0cI9uWu5r9PvF8wazYHRaUyzVlBmV7trlIoFMVUvTm3f51jmm2PNDtRbKRIpxGVzsVmKb9w==","signatures":[{"sig":"MEYCIQDymL1feuDfVGAqWPzn1ZQDwvi1UsNiGjeXohOXnK7AmgIhAMpEUPiVNI03OSJGkZJFIEFbsAus78pWihlSOeDKIuo/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130683},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"b5bebe8dfef50ad60ff3b04dda15b7ba7caad0d6","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.177.2-alpha-ca0c7658ab2.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.177.2-alpha-ca0c7658ab2.0","@genesislcap/foundation-comms":"14.177.2-alpha-ca0c7658ab2.0","@genesislcap/foundation-utils":"14.177.2-alpha-ca0c7658ab2.0","@genesislcap/foundation-logger":"14.177.2-alpha-ca0c7658ab2.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.177.2-alpha-ca0c7658ab2.0","@genesislcap/ts-builder":"14.177.2-alpha-ca0c7658ab2.0","@genesislcap/vite-builder":"14.177.2-alpha-ca0c7658ab2.0","@genesislcap/rollup-builder":"14.177.2-alpha-ca0c7658ab2.0","@genesislcap/webpack-builder":"14.177.2-alpha-ca0c7658ab2.0","@genesislcap/foundation-testing":"14.177.2-alpha-ca0c7658ab2.0","@genesislcap/uvu-playwright-builder":"14.177.2-alpha-ca0c7658ab2.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.177.2-alpha-ca0c7658ab2.0_1715594968028_0.5869726075307744","host":"s3://npm-registry-packages"}},"14.177.0-raise-intent.3":{"name":"@genesislcap/foundation-services-status","version":"14.177.0-raise-intent.3","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.177.0-raise-intent.3","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"34afb908def42de5c3ba2c0b85903e21b5cdf914","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.177.0-raise-intent.3.tgz","fileCount":79,"integrity":"sha512-+9yAmvEchBjFvtGlA49VKYmXpVZX3A51BVhBpxUCo1k5PMVrOqnDzHCWR0YHdmBgiV12VnUPctcpWej1UY3cyw==","signatures":[{"sig":"MEYCIQDWKuojkE/WaDEhVFp2cgy/DeeXEGtxNGfD2eE6pl5mYQIhALhujNUjBwduTqT1sYxYPxO0WA9glvZKaMVZ48wfAv/t","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130618},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"10af686352f09c217eb4430fb013c2beb0239966","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.177.0-raise-intent.3","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.177.0-raise-intent.3","@genesislcap/foundation-comms":"14.177.0-raise-intent.3","@genesislcap/foundation-utils":"14.177.0-raise-intent.3","@genesislcap/foundation-logger":"14.177.0-raise-intent.3"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.177.0-raise-intent.3","@genesislcap/ts-builder":"14.177.0-raise-intent.3","@genesislcap/vite-builder":"14.177.0-raise-intent.3","@genesislcap/rollup-builder":"14.177.0-raise-intent.3","@genesislcap/webpack-builder":"14.177.0-raise-intent.3","@genesislcap/foundation-testing":"14.177.0-raise-intent.3","@genesislcap/uvu-playwright-builder":"14.177.0-raise-intent.3"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.177.0-raise-intent.3_1715608028681_0.5411049666566818","host":"s3://npm-registry-packages"}},"14.177.2":{"name":"@genesislcap/foundation-services-status","version":"14.177.2","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.177.2","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"d82bbb93b8897c254882af2a4020752371f2c9dc","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.177.2.tgz","fileCount":79,"integrity":"sha512-8Era1ydIR5HqF4dNiviHv7D/BQOQpvQeN2EV95QKue/suXL9/Ov01DDWWfnVAiJp6XbUMj4BVfGnwXsXrFVxxg==","signatures":[{"sig":"MEYCIQCSoeOe0wuLcexTzOtI9I+GWIvaWL045JIjDD+8CU29twIhAPm0s3PYgyNDw8V8BmrZZeafa90xKNtEVWAslECGDcSP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"a55c1f24c62a2c4ef8fbf89454f73afd86a18aa1","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.177.2","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.177.2","@genesislcap/foundation-comms":"14.177.2","@genesislcap/foundation-utils":"14.177.2","@genesislcap/foundation-logger":"14.177.2"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.177.2","@genesislcap/ts-builder":"14.177.2","@genesislcap/vite-builder":"14.177.2","@genesislcap/rollup-builder":"14.177.2","@genesislcap/webpack-builder":"14.177.2","@genesislcap/foundation-testing":"14.177.2","@genesislcap/uvu-playwright-builder":"14.177.2"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.177.2_1715613782057_0.18302748519644418","host":"s3://npm-registry-packages"}},"14.177.3":{"name":"@genesislcap/foundation-services-status","version":"14.177.3","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.177.3","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"1bb24a8808922740be93f52a612e81920042c644","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.177.3.tgz","fileCount":79,"integrity":"sha512-ln70hcl9HYTYHiw1/RsapZ9wudzKR2w7/7VC8Ki4X113OXaTu0Z2BZmOa222MzJft/y/YiiLzNGlf9Yo08DumQ==","signatures":[{"sig":"MEQCIFFJd986RAnF73ND52kyoR9Nk//GppGLeXGz5Of1ZHwTAiBIc2dqRxcaHoKm/19+KQAQOLrGHnJ+xE9gzoOBRQUOPA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"95449989e2502afe526bd583adf3e84089b2f5fb","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.177.3","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.177.3","@genesislcap/foundation-comms":"14.177.3","@genesislcap/foundation-utils":"14.177.3","@genesislcap/foundation-logger":"14.177.3"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.177.3","@genesislcap/ts-builder":"14.177.3","@genesislcap/vite-builder":"14.177.3","@genesislcap/rollup-builder":"14.177.3","@genesislcap/webpack-builder":"14.177.3","@genesislcap/foundation-testing":"14.177.3","@genesislcap/uvu-playwright-builder":"14.177.3"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.177.3_1715782681174_0.7800766481481447","host":"s3://npm-registry-packages"}},"14.178.0":{"name":"@genesislcap/foundation-services-status","version":"14.178.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.178.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"8b60e1c36493e16b607379507879cc1cb599e394","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.178.0.tgz","fileCount":79,"integrity":"sha512-03dZd34POtqPoSI84qAx0LIPQGVLj/ajW1NGmvYjAINpGIxMiOQRK1m9pkzSGyPVEtXoZSkfbmonJfpbJpybZA==","signatures":[{"sig":"MEQCIAI1wVauknUaFbuMQThdeo6QBggH7S0XWdCW2uUyygsqAiBlNDKXpP9uM3p4Duq2N322ZJBnL9b1ZeN3Ynae9xLOsQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"fd55a5cd2e3b0fa048377835c73186df1e75b849","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.178.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.178.0","@genesislcap/foundation-comms":"14.178.0","@genesislcap/foundation-utils":"14.178.0","@genesislcap/foundation-logger":"14.178.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.178.0","@genesislcap/ts-builder":"14.178.0","@genesislcap/vite-builder":"14.178.0","@genesislcap/rollup-builder":"14.178.0","@genesislcap/webpack-builder":"14.178.0","@genesislcap/foundation-testing":"14.178.0","@genesislcap/uvu-playwright-builder":"14.178.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.178.0_1715859731540_0.7185856306471698","host":"s3://npm-registry-packages"}},"14.179.0":{"name":"@genesislcap/foundation-services-status","version":"14.179.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.179.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"03ce0cf23b2a09f39ad548310ee3086d4493f2bc","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.179.0.tgz","fileCount":79,"integrity":"sha512-f7D7wZcnnLpeG0tCKvtVHhJXZk3SCAAwBmKfObKt4SBJsvRnCQ5poAl1Cu4EWfs/gLrKjfiKlVGIHMP5dY9uTA==","signatures":[{"sig":"MEQCIBGK4OLDLIIcTSt99e3BdyukE9AjWD+zh65TiXq7GPyVAiAu7tkK7djiETvnrxOtil//mIaif/ImO8zfWqo4IVPROA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"fbb42975b9ecb82eac233685b37b0fa8118e2467","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.179.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.179.0","@genesislcap/foundation-comms":"14.179.0","@genesislcap/foundation-utils":"14.179.0","@genesislcap/foundation-logger":"14.179.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.179.0","@genesislcap/ts-builder":"14.179.0","@genesislcap/vite-builder":"14.179.0","@genesislcap/rollup-builder":"14.179.0","@genesislcap/webpack-builder":"14.179.0","@genesislcap/foundation-testing":"14.179.0","@genesislcap/uvu-playwright-builder":"14.179.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.179.0_1715929471517_0.8458997316591859","host":"s3://npm-registry-packages"}},"14.180.0":{"name":"@genesislcap/foundation-services-status","version":"14.180.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.180.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"b54af13764ff3dff0ff620c3453e4ac75ef8f1b3","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.180.0.tgz","fileCount":79,"integrity":"sha512-b65r2+bM+6+LKx7W4h3mEkxdflFrATel+PJOFuhzAcHxb7gZDlLw+srieRcYzZj2YIobDD9J/zVgUYvNjD1kfA==","signatures":[{"sig":"MEQCIGT/UoGRk6lBJgKKZ2cdSqKqvuO7zMtwQUJDIFDuQu7rAiAypM+HtO4QKkx4zbdsGZ8Vvo5toJrmig98ucsprWjL2A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"24ddbaf4c43ccfe2c323ec1178b1829451b1721a","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.180.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.180.0","@genesislcap/foundation-comms":"14.180.0","@genesislcap/foundation-utils":"14.180.0","@genesislcap/foundation-logger":"14.180.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.180.0","@genesislcap/ts-builder":"14.180.0","@genesislcap/vite-builder":"14.180.0","@genesislcap/rollup-builder":"14.180.0","@genesislcap/webpack-builder":"14.180.0","@genesislcap/foundation-testing":"14.180.0","@genesislcap/uvu-playwright-builder":"14.180.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.180.0_1715971870965_0.14354110781891216","host":"s3://npm-registry-packages"}},"14.180.1":{"name":"@genesislcap/foundation-services-status","version":"14.180.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.180.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"a90557cdbd38049e78e751d7f43b9496651c1352","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.180.1.tgz","fileCount":79,"integrity":"sha512-mIANvRSlUcwMk3OzZfa1xhSlShjxdXt+/FbwL2SJ8hJWGDItDyGlun53QJjTkDTGm+CroCG2ezHlS7Au6MeDRA==","signatures":[{"sig":"MEUCIQDnxmMJGCeLPzDHrUj86kPh3YzZ4kw2ZQrSDBAeOe9PoAIgA0dF5MVvjQCouZQREWLROC/5xgJ+2VVPvPeNJBElfJM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"ea64c8fdf01822c686617271eb721b448c82f8c0","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.180.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.180.1","@genesislcap/foundation-comms":"14.180.1","@genesislcap/foundation-utils":"14.180.1","@genesislcap/foundation-logger":"14.180.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.180.1","@genesislcap/ts-builder":"14.180.1","@genesislcap/vite-builder":"14.180.1","@genesislcap/rollup-builder":"14.180.1","@genesislcap/webpack-builder":"14.180.1","@genesislcap/foundation-testing":"14.180.1","@genesislcap/uvu-playwright-builder":"14.180.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.180.1_1716047680345_0.06468803931055778","host":"s3://npm-registry-packages"}},"14.180.1-GENC-376.1":{"name":"@genesislcap/foundation-services-status","version":"14.180.1-GENC-376.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.180.1-GENC-376.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"962903ab8a4c52048834a469aceae5a03d1a11e2","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.180.1-GENC-376.1.tgz","fileCount":79,"integrity":"sha512-RhLzAo2bbmpsTFwyta5mJS0z1rpUrr5HoFVo/mDCEMwTADCuhYbVzgJEufAC4FVfZnO3HLs+Gvug4OPDgk0J7g==","signatures":[{"sig":"MEUCIQDCcT8VcKs9CP3KqRDvOzem3DOtapMTTsCAL6DR6jK8uwIgb1WulJKYDPKR3LJAXqD6lKYUMU20Et311FPydhm57AQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130566},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"78e9f228c69c542cd6e3654bfad95f5ed660558d","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.180.1-GENC-376.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.180.1-GENC-376.1","@genesislcap/foundation-comms":"14.180.1-GENC-376.1","@genesislcap/foundation-utils":"14.180.1-GENC-376.1","@genesislcap/foundation-logger":"14.180.1-GENC-376.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.180.1-GENC-376.1","@genesislcap/ts-builder":"14.180.1-GENC-376.1","@genesislcap/vite-builder":"14.180.1-GENC-376.1","@genesislcap/rollup-builder":"14.180.1-GENC-376.1","@genesislcap/webpack-builder":"14.180.1-GENC-376.1","@genesislcap/foundation-testing":"14.180.1-GENC-376.1","@genesislcap/uvu-playwright-builder":"14.180.1-GENC-376.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.180.1-GENC-376.1_1716199150376_0.21751170735774572","host":"s3://npm-registry-packages"}},"14.180.1-GENC-376.2":{"name":"@genesislcap/foundation-services-status","version":"14.180.1-GENC-376.2","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.180.1-GENC-376.2","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"de24ba9fbec7ca95c00c9e1c6acfd3c6583ff767","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.180.1-GENC-376.2.tgz","fileCount":79,"integrity":"sha512-up6XR9wRgUe0I5JXhoWh9WR+aU5w5Oyd3AvOdKY5R42Hw5+mIK30pZn9oes1ynJVqE0ReQycPKb8MKKcxTkx+Q==","signatures":[{"sig":"MEYCIQC6mhjFYQiknZ0AEpbfyRHizAuwh/eZbDaX6HqJ6r3itgIhALRwivSqTLBuzksUoo30jyocZka4cIGYgjtHgDb5tUKk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130566},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"9a16760046ba934e43aad6ad82df253fc2e92eb6","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.180.1-GENC-376.2","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.180.1-GENC-376.2","@genesislcap/foundation-comms":"14.180.1-GENC-376.2","@genesislcap/foundation-utils":"14.180.1-GENC-376.2","@genesislcap/foundation-logger":"14.180.1-GENC-376.2"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.180.1-GENC-376.2","@genesislcap/ts-builder":"14.180.1-GENC-376.2","@genesislcap/vite-builder":"14.180.1-GENC-376.2","@genesislcap/rollup-builder":"14.180.1-GENC-376.2","@genesislcap/webpack-builder":"14.180.1-GENC-376.2","@genesislcap/foundation-testing":"14.180.1-GENC-376.2","@genesislcap/uvu-playwright-builder":"14.180.1-GENC-376.2"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.180.1-GENC-376.2_1716219392325_0.495458043804887","host":"s3://npm-registry-packages"}},"14.180.1-GENC-376.4":{"name":"@genesislcap/foundation-services-status","version":"14.180.1-GENC-376.4","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.180.1-GENC-376.4","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"cbd57eede0dd9776aaef3ee458cdd4751e6be2cc","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.180.1-GENC-376.4.tgz","fileCount":79,"integrity":"sha512-13ZoTWkJHRQFdNjyTVVFyhsaH+MGpXW07VJ3J2NdBYWnOwyI827RwIHf/3IcOY687xOiNqIZtIyh7vtZhpCy6g==","signatures":[{"sig":"MEUCIQCAEU6EgDzwVa0YlwNivbHmfC1Z7moPBB1t8D7CsvsfxwIgaABi3Z+D+XoWVBhgNUQdwfVBjQXTTKHe9cwZKK47cXU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130566},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"e01bcab47eed83d9bd8a1eadce6835fbb3002d5c","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.180.1-GENC-376.4","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.180.1-GENC-376.4","@genesislcap/foundation-comms":"14.180.1-GENC-376.4","@genesislcap/foundation-utils":"14.180.1-GENC-376.4","@genesislcap/foundation-logger":"14.180.1-GENC-376.4"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.180.1-GENC-376.4","@genesislcap/ts-builder":"14.180.1-GENC-376.4","@genesislcap/vite-builder":"14.180.1-GENC-376.4","@genesislcap/rollup-builder":"14.180.1-GENC-376.4","@genesislcap/webpack-builder":"14.180.1-GENC-376.4","@genesislcap/foundation-testing":"14.180.1-GENC-376.4","@genesislcap/uvu-playwright-builder":"14.180.1-GENC-376.4"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.180.1-GENC-376.4_1716222738638_0.2179192918465389","host":"s3://npm-registry-packages"}},"14.180.2":{"name":"@genesislcap/foundation-services-status","version":"14.180.2","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.180.2","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"e44c93056e7fd13561717cd0940d98b06e7571e1","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.180.2.tgz","fileCount":79,"integrity":"sha512-nW6R9koNkroZ1cZESufMRTGjx6vxhgA4VTNotFflIBnWFe9f3Oi4apSIE2lC3/Xg8R2reS/9BxHJ6idFjD+g+g==","signatures":[{"sig":"MEUCIAV5Qr+HH38HTpETjuMjvrltd9wVniXZ8AxZ72ptfqsZAiEAvQybtAG3Okbkn3i3vB87csVwiCdcQh8TlhFaCY+IYsY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"5fdd1837209acabc17881ad7062a2ec304df0b18","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.180.2","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.180.2","@genesislcap/foundation-comms":"14.180.2","@genesislcap/foundation-utils":"14.180.2","@genesislcap/foundation-logger":"14.180.2"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.180.2","@genesislcap/ts-builder":"14.180.2","@genesislcap/vite-builder":"14.180.2","@genesislcap/rollup-builder":"14.180.2","@genesislcap/webpack-builder":"14.180.2","@genesislcap/foundation-testing":"14.180.2","@genesislcap/uvu-playwright-builder":"14.180.2"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.180.2_1716224850571_0.2536788095193465","host":"s3://npm-registry-packages"}},"14.180.3":{"name":"@genesislcap/foundation-services-status","version":"14.180.3","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.180.3","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"fc9812319b54285cba174fb30b50464d1c5b2846","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.180.3.tgz","fileCount":79,"integrity":"sha512-HMPn/Z3LzbJ5AalaLiDYy15FR36u6O61hNhdDxXU8ffbWQ1HF1iFiYC9qmu8kNgNGuT221SAIyJu6bgXlK11ug==","signatures":[{"sig":"MEUCIQC89VFFMpd+5ZBL6ik35Ntwl+UOlSVQIViIJG/nNwDRsAIgafFIodgkXh+AhLCMryYM6vumKlFjsVvwTgnjqM2oY2U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"07dad7747ea8a5efb75f1e63ee59721f56577f95","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.180.3","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.180.3","@genesislcap/foundation-comms":"14.180.3","@genesislcap/foundation-utils":"14.180.3","@genesislcap/foundation-logger":"14.180.3"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.180.3","@genesislcap/ts-builder":"14.180.3","@genesislcap/vite-builder":"14.180.3","@genesislcap/rollup-builder":"14.180.3","@genesislcap/webpack-builder":"14.180.3","@genesislcap/foundation-testing":"14.180.3","@genesislcap/uvu-playwright-builder":"14.180.3"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.180.3_1716235345771_0.10777493022210027","host":"s3://npm-registry-packages"}},"14.180.4":{"name":"@genesislcap/foundation-services-status","version":"14.180.4","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.180.4","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"fb079f2b4a3af162c89070b822820f955a111f5a","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.180.4.tgz","fileCount":79,"integrity":"sha512-84Nb7DJxDpu5lrHOjr7lIWN02MhUiDN4hSKRBUZF5W62E48ugTKp/TkkBJuiUEJvnFliPbEBWzXs462oJf3+bw==","signatures":[{"sig":"MEYCIQDV+9kFs+3rXWA04DHHgWuROhhIGc9cWzXZ8JkqFxDmVAIhAJeSqFoPTLmSUGc/onn3wpTZoRTP1WjhlCAv8a9i4KO1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"dc94e00acfd326762a5567d00bf4af3bf3959910","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.180.4","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.180.4","@genesislcap/foundation-comms":"14.180.4","@genesislcap/foundation-utils":"14.180.4","@genesislcap/foundation-logger":"14.180.4"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.180.4","@genesislcap/ts-builder":"14.180.4","@genesislcap/vite-builder":"14.180.4","@genesislcap/rollup-builder":"14.180.4","@genesislcap/webpack-builder":"14.180.4","@genesislcap/foundation-testing":"14.180.4","@genesislcap/uvu-playwright-builder":"14.180.4"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.180.4_1716300642064_0.8375144175401585","host":"s3://npm-registry-packages"}},"14.180.5":{"name":"@genesislcap/foundation-services-status","version":"14.180.5","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.180.5","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"0ec8a6852e390fb8c332e32fde135796474cff77","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.180.5.tgz","fileCount":79,"integrity":"sha512-NJX6u3Fffr8/nMlq0OI9z8ctAGG+6l6n4RhaJYSQ+AbLBr+8Hl4f5Uy/zFhG+PeGN3w4cJ/Dw0gVZwo+FqTZig==","signatures":[{"sig":"MEYCIQCyYZtU8FXXEr2nG/3wKzihQB9g+P/fWHLpZZ+2sFuHdwIhAJfSDG7qAxfR7nVWP7iJ8jC+REHYHHT46zVn5Bdm9xhC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"6ecb126c94200e9e7c2735359dc6efe0bc743f9d","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.180.5","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.180.5","@genesislcap/foundation-comms":"14.180.5","@genesislcap/foundation-utils":"14.180.5","@genesislcap/foundation-logger":"14.180.5"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.180.5","@genesislcap/ts-builder":"14.180.5","@genesislcap/vite-builder":"14.180.5","@genesislcap/rollup-builder":"14.180.5","@genesislcap/webpack-builder":"14.180.5","@genesislcap/foundation-testing":"14.180.5","@genesislcap/uvu-playwright-builder":"14.180.5"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.180.5_1716307028674_0.9474958778566989","host":"s3://npm-registry-packages"}},"14.180.6":{"name":"@genesislcap/foundation-services-status","version":"14.180.6","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.180.6","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"183d70ef5ad2da6dde343f1bbd8b9007eb85d129","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.180.6.tgz","fileCount":79,"integrity":"sha512-guzUQEM5Jc2Ec6zo8L2UOcz2B+yEPeHCNWBnQqREdnfnupddLhNilSivU0JL2RT0sH+g/llwOeoACmAu7MqutQ==","signatures":[{"sig":"MEUCIQDDx9AnpliXpNGO4X0P2Bkx6ta82NhX0WcKHA4kqLTlIgIgPBQxfrypm/1Ycd908bVNRm5Lxm7NfdW/nq0WYPjjTY4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"554e6337810651d3aff47756f55683ada5875ccf","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.180.6","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.180.6","@genesislcap/foundation-comms":"14.180.6","@genesislcap/foundation-utils":"14.180.6","@genesislcap/foundation-logger":"14.180.6"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.180.6","@genesislcap/ts-builder":"14.180.6","@genesislcap/vite-builder":"14.180.6","@genesislcap/rollup-builder":"14.180.6","@genesislcap/webpack-builder":"14.180.6","@genesislcap/foundation-testing":"14.180.6","@genesislcap/uvu-playwright-builder":"14.180.6"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.180.6_1716387241528_0.5072034580224003","host":"s3://npm-registry-packages"}},"14.180.7":{"name":"@genesislcap/foundation-services-status","version":"14.180.7","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.180.7","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"5602ce71d913ead4870d737dcf06a678a1faa259","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.180.7.tgz","fileCount":79,"integrity":"sha512-ID+DmeZgoJGBH+LQnz49s4J0S/3YrbFq/lBMzQScQ9FjnjAtKxx5slEXEL9nNpbfFbzD8k/RS2bNBw9k09FG2g==","signatures":[{"sig":"MEUCIQDAtM5jtax7WKh7StrjbqrRkUdG/3QrN6Y7wtzBieRKHgIgfZffOuiFOWr0iYPom672yTkyepb7wFTmjTqVJX/cWWQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"f3ae410371b27f3841816a79862a2f952bf6740d","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.180.7","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.180.7","@genesislcap/foundation-comms":"14.180.7","@genesislcap/foundation-utils":"14.180.7","@genesislcap/foundation-logger":"14.180.7"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.180.7","@genesislcap/ts-builder":"14.180.7","@genesislcap/vite-builder":"14.180.7","@genesislcap/rollup-builder":"14.180.7","@genesislcap/webpack-builder":"14.180.7","@genesislcap/foundation-testing":"14.180.7","@genesislcap/uvu-playwright-builder":"14.180.7"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.180.7_1716401816661_0.20955922297646357","host":"s3://npm-registry-packages"}},"14.180.8":{"name":"@genesislcap/foundation-services-status","version":"14.180.8","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.180.8","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"cb120276c9236fbe15e739dc6e6f4a64791633c1","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.180.8.tgz","fileCount":79,"integrity":"sha512-/ESgxuBhmN93Cwesm+uJPS601oCbNDG3+HKRa11BHm2fz6NSqzqH/EEaV3AZOQnRbi0LGgjoqMDaoYQ/NlGLXQ==","signatures":[{"sig":"MEYCIQDLzWTiuaHFzg3y+3Gn7Cqe2nRVpnLhLdbFPmzp9LlVlwIhAIxW2qFE6lPrQwI1X3YJzB88tvH+UWuw6V2IIkzPCnd6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"bc07102d061a18ece059dd03a4d1d9d585548343","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.180.8","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.180.8","@genesislcap/foundation-comms":"14.180.8","@genesislcap/foundation-utils":"14.180.8","@genesislcap/foundation-logger":"14.180.8"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.180.8","@genesislcap/ts-builder":"14.180.8","@genesislcap/vite-builder":"14.180.8","@genesislcap/rollup-builder":"14.180.8","@genesislcap/webpack-builder":"14.180.8","@genesislcap/foundation-testing":"14.180.8","@genesislcap/uvu-playwright-builder":"14.180.8"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.180.8_1716481845268_0.2973293292339383","host":"s3://npm-registry-packages"}},"14.181.0":{"name":"@genesislcap/foundation-services-status","version":"14.181.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.181.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"49df7b4d59b364122b35ddc7607eeb12ca4f4358","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.181.0.tgz","fileCount":79,"integrity":"sha512-E9Lrw69NaVG/7GRIka9wOvKlbNqsnVnmTFgWRi9eFood3cw7gBtFPvMILAMzEX1DADI1W0TZfIKRz2S/cJL9bw==","signatures":[{"sig":"MEUCIQDknP99ZqXPCQjHhEuhIoZqV+7exlankyNu9w7ObkgkdwIgKEkCzQZqFSjetfmMRkMdV+CsDgk8hl2cJ8HK4pw4Kd8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"0f2f5f3767deedba68f85942c0617c64f829589f","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.181.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.181.0","@genesislcap/foundation-comms":"14.181.0","@genesislcap/foundation-utils":"14.181.0","@genesislcap/foundation-logger":"14.181.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.181.0","@genesislcap/ts-builder":"14.181.0","@genesislcap/vite-builder":"14.181.0","@genesislcap/rollup-builder":"14.181.0","@genesislcap/webpack-builder":"14.181.0","@genesislcap/foundation-testing":"14.181.0","@genesislcap/uvu-playwright-builder":"14.181.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.181.0_1716544538105_0.28086026368390726","host":"s3://npm-registry-packages"}},"14.181.1-alpha-89be4c2.0":{"name":"@genesislcap/foundation-services-status","version":"14.181.1-alpha-89be4c2.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.181.1-alpha-89be4c2.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"dd9a0ec375c773c5637935c80617e1c6d6651a25","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.181.1-alpha-89be4c2.0.tgz","fileCount":79,"integrity":"sha512-lvjv5PXAe8zWudrkjdjikh8NP7cxYwDgHkpX7kr9soj28Xs6QbAdFdpihIrW/qgDXvKnELo+cyfzAS9su2H+SQ==","signatures":[{"sig":"MEQCIBvKqd4wKWVUNTe4+C7xNgiA096/+fq+QCDHRRffRHKAAiB2CSVh2m/yLida1oOm+dkAahb8yAT728LQ5zpaKWvGmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130631},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"fff95fce01c9aba7d39057d2eabf9b58845ddd58","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.181.1-alpha-89be4c2.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.181.1-alpha-89be4c2.0","@genesislcap/foundation-comms":"14.181.1-alpha-89be4c2.0","@genesislcap/foundation-utils":"14.181.1-alpha-89be4c2.0","@genesislcap/foundation-logger":"14.181.1-alpha-89be4c2.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.181.1-alpha-89be4c2.0","@genesislcap/ts-builder":"14.181.1-alpha-89be4c2.0","@genesislcap/vite-builder":"14.181.1-alpha-89be4c2.0","@genesislcap/rollup-builder":"14.181.1-alpha-89be4c2.0","@genesislcap/webpack-builder":"14.181.1-alpha-89be4c2.0","@genesislcap/foundation-testing":"14.181.1-alpha-89be4c2.0","@genesislcap/uvu-playwright-builder":"14.181.1-alpha-89be4c2.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.181.1-alpha-89be4c2.0_1716561197174_0.29036054567079916","host":"s3://npm-registry-packages"}},"14.181.1":{"name":"@genesislcap/foundation-services-status","version":"14.181.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.181.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"2ce809767dbd63c90787f0a0ee1b7b86ca97bbfb","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.181.1.tgz","fileCount":79,"integrity":"sha512-ckYVcjqH/xpLMLtccCgMoA3n2M1z4Zz1XicuJOIRHzBoeWAggVCfsUzrcej1e7eBcT6DXzC5hrnysc5rAW+nrg==","signatures":[{"sig":"MEUCIDzC/oa+WNsofHRKjoHho5EAoh+wRcECGZ5lv0P3UANHAiEA59ZPPygTmqonDRPkXOVBFIVtRSHCVCFyjpTCCNCiWBI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"afc017c6c55a8275ee08f15a153334c6d7c5e921","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.181.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.181.1","@genesislcap/foundation-comms":"14.181.1","@genesislcap/foundation-utils":"14.181.1","@genesislcap/foundation-logger":"14.181.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.181.1","@genesislcap/ts-builder":"14.181.1","@genesislcap/vite-builder":"14.181.1","@genesislcap/rollup-builder":"14.181.1","@genesislcap/webpack-builder":"14.181.1","@genesislcap/foundation-testing":"14.181.1","@genesislcap/uvu-playwright-builder":"14.181.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.181.1_1716571039083_0.7057138024008098","host":"s3://npm-registry-packages"}},"14.182.0":{"name":"@genesislcap/foundation-services-status","version":"14.182.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.182.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"3edd903f68b6f2f42e594151dcc8cf1993acc93c","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.182.0.tgz","fileCount":79,"integrity":"sha512-oF9AzIVjUkEd/44lpacUU0uDmRb75Yo2/t/LktWiiPGYYXpIL7KUCl8HPHDBks2ovZ3ka33HRSO56/GimdGWJA==","signatures":[{"sig":"MEUCIQCuVuwkOV6PTN5S3LH7pYCRltPsq7htfvmS1eR7bMfmSAIgPysNAcgvsDv3U0gaGIlhKIY6VGNcq/397hqREW1sOP0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"869ecb0a766ed455393c6b1b050b47edd592918e","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.182.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.182.0","@genesislcap/foundation-comms":"14.182.0","@genesislcap/foundation-utils":"14.182.0","@genesislcap/foundation-logger":"14.182.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.182.0","@genesislcap/ts-builder":"14.182.0","@genesislcap/vite-builder":"14.182.0","@genesislcap/rollup-builder":"14.182.0","@genesislcap/webpack-builder":"14.182.0","@genesislcap/foundation-testing":"14.182.0","@genesislcap/uvu-playwright-builder":"14.182.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.182.0_1716897328194_0.539620253163261","host":"s3://npm-registry-packages"}},"14.182.0-PA-1226.1":{"name":"@genesislcap/foundation-services-status","version":"14.182.0-PA-1226.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.182.0-PA-1226.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"7462cfa6ac11df7dda7a395d86225f677c4b7d33","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.182.0-PA-1226.1.tgz","fileCount":79,"integrity":"sha512-yFI2CMdolhpK7ui/B3sFuyNSL35WArIKdFqWKGpcWDQumFMr3clmUY9tGhehaNgTaNVOQCa/cRIbSbLAtllI2w==","signatures":[{"sig":"MEQCICJKzpWiCOZyks6TDRxUzweGH6x9NydVH8krKYvGLc2tAiBnmj7hStRt1IhuzvXBEvCagsKL7rb40a15Jpyk5nTHoA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130553},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"61407b02f51dd002766a40bfa8c2639643e7b00a","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.182.0-PA-1226.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.182.0-PA-1226.1","@genesislcap/foundation-comms":"14.182.0-PA-1226.1","@genesislcap/foundation-utils":"14.182.0-PA-1226.1","@genesislcap/foundation-logger":"14.182.0-PA-1226.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.182.0-PA-1226.1","@genesislcap/ts-builder":"14.182.0-PA-1226.1","@genesislcap/vite-builder":"14.182.0-PA-1226.1","@genesislcap/rollup-builder":"14.182.0-PA-1226.1","@genesislcap/webpack-builder":"14.182.0-PA-1226.1","@genesislcap/foundation-testing":"14.182.0-PA-1226.1","@genesislcap/uvu-playwright-builder":"14.182.0-PA-1226.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.182.0-PA-1226.1_1716909672615_0.4540830763493604","host":"s3://npm-registry-packages"}},"14.182.1":{"name":"@genesislcap/foundation-services-status","version":"14.182.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.182.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"7a2135b3bc0f81574974e5ff0cd168c4e0314d6a","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.182.1.tgz","fileCount":79,"integrity":"sha512-Ll8CdbBTVu3m3g+IvH0DCGD4w7Xu7FDfKJvzV7fo28MtSCKRarhpX2mzEiErTEJ2PsFnpV8u8Z1QDjdmIWtOSw==","signatures":[{"sig":"MEUCIQCP8ZFhAUe9H12lV7KI0eqPxwVeu/XaO3XoZJt6y+FrawIgCe6QwRlrJzxgJEg6yiIVfcSgYTm9BEWRUZPJqwlNOAo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"269302eb913285781ee3875d82c4eddc34eb8aa9","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.182.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.182.1","@genesislcap/foundation-comms":"14.182.1","@genesislcap/foundation-utils":"14.182.1","@genesislcap/foundation-logger":"14.182.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.182.1","@genesislcap/ts-builder":"14.182.1","@genesislcap/vite-builder":"14.182.1","@genesislcap/rollup-builder":"14.182.1","@genesislcap/webpack-builder":"14.182.1","@genesislcap/foundation-testing":"14.182.1","@genesislcap/uvu-playwright-builder":"14.182.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.182.1_1716912297892_0.7732149423666328","host":"s3://npm-registry-packages"}},"14.182.0-pa-1226.2":{"name":"@genesislcap/foundation-services-status","version":"14.182.0-pa-1226.2","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.182.0-pa-1226.2","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"243ed83dfbb83bebad16264e44dbcbb33f1124f7","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.182.0-pa-1226.2.tgz","fileCount":79,"integrity":"sha512-KreXKp4MBTvmXOxrOT/g6NaTaS4vCAqtQTRSwsYalRI+8Agl6lmHCoBZMx8mhAVpbxlcdwTxSfFo+csDH3VaYw==","signatures":[{"sig":"MEUCICF22xmr2LlAG3MXM8Q6aXfMIg8CrihSVlZ8DpbciZ5pAiEArUgsaAQ2e6fQXWUOu4lArJuzTmnUPe71eivKIp3DHE4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130553},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"6a3e7bf3969e20aaa0d4f035e47d5c39c8992d9f","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.182.0-pa-1226.2","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.182.0-pa-1226.2","@genesislcap/foundation-comms":"14.182.0-pa-1226.2","@genesislcap/foundation-utils":"14.182.0-pa-1226.2","@genesislcap/foundation-logger":"14.182.0-pa-1226.2"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.182.0-pa-1226.2","@genesislcap/ts-builder":"14.182.0-pa-1226.2","@genesislcap/vite-builder":"14.182.0-pa-1226.2","@genesislcap/rollup-builder":"14.182.0-pa-1226.2","@genesislcap/webpack-builder":"14.182.0-pa-1226.2","@genesislcap/foundation-testing":"14.182.0-pa-1226.2","@genesislcap/uvu-playwright-builder":"14.182.0-pa-1226.2"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.182.0-pa-1226.2_1716914489504_0.7243186753047353","host":"s3://npm-registry-packages"}},"14.182.2":{"name":"@genesislcap/foundation-services-status","version":"14.182.2","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.182.2","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"7819f44b56ffe609c08405ea293ff1510d7cade1","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.182.2.tgz","fileCount":79,"integrity":"sha512-Kl1qxoZbK/Z2AjAcFcXnb058Ao7lMHFd9YrC7zBAwCHYbfglra+rR7+AvXCxDw7JONjy8ZpssejlpAuF9xSpjw==","signatures":[{"sig":"MEUCIGdbBjGaPxqyqVT9m59tox2Sez67TktytE2Tz4siuvQUAiEA1BdKa9q2x8dTmuOKE51EIiMt3WPe/LgesSY78iGK6eY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"797302335de36cae641850d319e01bd258f5d6fa","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.182.2","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.182.2","@genesislcap/foundation-comms":"14.182.2","@genesislcap/foundation-utils":"14.182.2","@genesislcap/foundation-logger":"14.182.2"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.182.2","@genesislcap/ts-builder":"14.182.2","@genesislcap/vite-builder":"14.182.2","@genesislcap/rollup-builder":"14.182.2","@genesislcap/webpack-builder":"14.182.2","@genesislcap/foundation-testing":"14.182.2","@genesislcap/uvu-playwright-builder":"14.182.2"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.182.2_1716915030018_0.19484331163708624","host":"s3://npm-registry-packages"}},"14.182.3-alpha-75765564b4e.0":{"name":"@genesislcap/foundation-services-status","version":"14.182.3-alpha-75765564b4e.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.182.3-alpha-75765564b4e.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"df596bf26715f0e5a1b1cc65a6bb5d3e7d429f8c","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.182.3-alpha-75765564b4e.0.tgz","fileCount":79,"integrity":"sha512-gc/2mJLIyBJjo0wZ2883AD20+OfQMkkxBqhiDFURq++qabjXl9nztYOiCLpHR07oEEBWD2oS+pdi5qUbVJaCEg==","signatures":[{"sig":"MEUCIQCwojEQuGtCSGWL09QF/CIm2oun17tYKqlHVxuP9qOA4QIgZ0uVhJeNYWiEx6UikjMds97ZrUcksUXxWPTQVMDNkx8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130683},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"db534c9b74fd9c9813f573cea0962819667eec93","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.13.1+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.13.1","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.182.3-alpha-75765564b4e.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.182.3-alpha-75765564b4e.0","@genesislcap/foundation-comms":"14.182.3-alpha-75765564b4e.0","@genesislcap/foundation-utils":"14.182.3-alpha-75765564b4e.0","@genesislcap/foundation-logger":"14.182.3-alpha-75765564b4e.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.182.3-alpha-75765564b4e.0","@genesislcap/ts-builder":"14.182.3-alpha-75765564b4e.0","@genesislcap/vite-builder":"14.182.3-alpha-75765564b4e.0","@genesislcap/rollup-builder":"14.182.3-alpha-75765564b4e.0","@genesislcap/webpack-builder":"14.182.3-alpha-75765564b4e.0","@genesislcap/foundation-testing":"14.182.3-alpha-75765564b4e.0","@genesislcap/uvu-playwright-builder":"14.182.3-alpha-75765564b4e.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.182.3-alpha-75765564b4e.0_1716918484717_0.5297677081447434","host":"s3://npm-registry-packages"}},"14.182.3-alpha-287cf40.0":{"name":"@genesislcap/foundation-services-status","version":"14.182.3-alpha-287cf40.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.182.3-alpha-287cf40.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"c83539f36b18620807d95691f152f0cdb2279c0c","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.182.3-alpha-287cf40.0.tgz","fileCount":79,"integrity":"sha512-KWjn0+HkwQq7Ubq/NkWJdJFda6OBhdYYhnQAgUzVm0rOE73lljHA2LRSYb5rkAA6gkJciieDzMr5YgilJiHvpw==","signatures":[{"sig":"MEUCIEUOXFZBNHgAYuawMubzLYWjMSKE8qVnhV5ikCaQYPhmAiEA5wyMIYIC/2R+cXdjugoh73hosj1NWinTgJ5ckczw3Do=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130631},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"77c5a82c689e7d171af057ae0ded57b6655e4be3","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.182.3-alpha-287cf40.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.182.3-alpha-287cf40.0","@genesislcap/foundation-comms":"14.182.3-alpha-287cf40.0","@genesislcap/foundation-utils":"14.182.3-alpha-287cf40.0","@genesislcap/foundation-logger":"14.182.3-alpha-287cf40.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.182.3-alpha-287cf40.0","@genesislcap/ts-builder":"14.182.3-alpha-287cf40.0","@genesislcap/vite-builder":"14.182.3-alpha-287cf40.0","@genesislcap/rollup-builder":"14.182.3-alpha-287cf40.0","@genesislcap/webpack-builder":"14.182.3-alpha-287cf40.0","@genesislcap/foundation-testing":"14.182.3-alpha-287cf40.0","@genesislcap/uvu-playwright-builder":"14.182.3-alpha-287cf40.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.182.3-alpha-287cf40.0_1716986015311_0.03370651772122879","host":"s3://npm-registry-packages"}},"14.183.0":{"name":"@genesislcap/foundation-services-status","version":"14.183.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.183.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"e3ecfc2b1a7b703a9ff86fb632f19b217d2cb41d","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.183.0.tgz","fileCount":79,"integrity":"sha512-RAxAZ8fsfmE1hID2WPEy8wRdPnneeKnUdkBu5SrNjpDz7U1Jmr/7qdip8h3oeHSxTjwaNUWWN+QmaB3PbvlGQg==","signatures":[{"sig":"MEYCIQCH+5fo+zydgRfISQbSPYMraYs0aP3skhrCUwtYcL8b6gIhAN7H925rkAKTVo8iWKc0fzNSKa9qsM+VZn3WAAFuRCK3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"deecb5a173b5b6bd7042a7699ddb7d24e32d1ce8","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.183.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.183.0","@genesislcap/foundation-comms":"14.183.0","@genesislcap/foundation-utils":"14.183.0","@genesislcap/foundation-logger":"14.183.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.183.0","@genesislcap/ts-builder":"14.183.0","@genesislcap/vite-builder":"14.183.0","@genesislcap/rollup-builder":"14.183.0","@genesislcap/webpack-builder":"14.183.0","@genesislcap/foundation-testing":"14.183.0","@genesislcap/uvu-playwright-builder":"14.183.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.183.0_1716990202481_0.08784306597538505","host":"s3://npm-registry-packages"}},"14.183.1":{"name":"@genesislcap/foundation-services-status","version":"14.183.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.183.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"0b21ae006870c16b585e3485f68e87e03790a68a","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.183.1.tgz","fileCount":79,"integrity":"sha512-bDuTpsJI7pa5UXQA0bP0hnkvU7DSMZ4Xlz4jxNB8g+Tj5yYl7y/PkMak9Uqj70O8PG42GUhP/i6k1V6WaBtSig==","signatures":[{"sig":"MEUCIA9FOFl38PWeLFyWqj/W3GSdMlwqf8au5i/Gbf/8uEpyAiEAuQ1NNNphjuvIS+VjIv10YYzvrMKVqZxacoeEsGoFXXs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"3caa32fe960947d43a5a60830f12b85181fe40c1","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.183.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.183.1","@genesislcap/foundation-comms":"14.183.1","@genesislcap/foundation-utils":"14.183.1","@genesislcap/foundation-logger":"14.183.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.183.1","@genesislcap/ts-builder":"14.183.1","@genesislcap/vite-builder":"14.183.1","@genesislcap/rollup-builder":"14.183.1","@genesislcap/webpack-builder":"14.183.1","@genesislcap/foundation-testing":"14.183.1","@genesislcap/uvu-playwright-builder":"14.183.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.183.1_1716997071330_0.43543302164524","host":"s3://npm-registry-packages"}},"14.183.2":{"name":"@genesislcap/foundation-services-status","version":"14.183.2","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.183.2","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"8963ed5692dd85b6661fca6cfaaeb354255205ad","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.183.2.tgz","fileCount":79,"integrity":"sha512-d7OBgZzbGcf4PksKYfLjKB4mZfky18b1s7lYmGfCTcZK2iv5XwNtzZujx/XjhfUcRnoFTBqI4UDEVILnAImMnA==","signatures":[{"sig":"MEQCIGFaC6EaeBO86ch+rNI0Pvj1Slb2LmG8Zje8wVCLRVt7AiA6GkfPWd6ZdO1b2i17k6dynfQD9Lh4JdRiqwFzAqldFQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"fcec30e0c7127ead30b2eee7ac82eddf25d75daf","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.183.2","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.183.2","@genesislcap/foundation-comms":"14.183.2","@genesislcap/foundation-utils":"14.183.2","@genesislcap/foundation-logger":"14.183.2"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.183.2","@genesislcap/ts-builder":"14.183.2","@genesislcap/vite-builder":"14.183.2","@genesislcap/rollup-builder":"14.183.2","@genesislcap/webpack-builder":"14.183.2","@genesislcap/foundation-testing":"14.183.2","@genesislcap/uvu-playwright-builder":"14.183.2"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.183.2_1717001115601_0.6079883413071876","host":"s3://npm-registry-packages"}},"14.183.3":{"name":"@genesislcap/foundation-services-status","version":"14.183.3","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.183.3","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"aba642389373b5a80e91de01cbf2bd3e90f0a84d","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.183.3.tgz","fileCount":79,"integrity":"sha512-LYtuCrg2IPhgsq+avmWdgeOyahPborRoNPXISjzmZeGiwSb33o+QuVKWc5popO/Si6bnx/QhiNgiPA7iFVUQOw==","signatures":[{"sig":"MEQCIB8qm28kTMctiqWNBqEG6B7SIyfTSnAFvS3NOwtls1ddAiBOUVsfeU6Ne24uYgZEN686yTA7VrPUEGdxJXxiJJUPpw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"ffef17c6fd8f87716f8a5b1a86fa060016d927b4","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.183.3","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.183.3","@genesislcap/foundation-comms":"14.183.3","@genesislcap/foundation-utils":"14.183.3","@genesislcap/foundation-logger":"14.183.3"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.183.3","@genesislcap/ts-builder":"14.183.3","@genesislcap/vite-builder":"14.183.3","@genesislcap/rollup-builder":"14.183.3","@genesislcap/webpack-builder":"14.183.3","@genesislcap/foundation-testing":"14.183.3","@genesislcap/uvu-playwright-builder":"14.183.3"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.183.3_1717060204873_0.562818792762293","host":"s3://npm-registry-packages"}},"14.183.0-pa-1217.1":{"name":"@genesislcap/foundation-services-status","version":"14.183.0-pa-1217.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.183.0-pa-1217.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"77f65216285b9c9d76ace7f47ee275d0bc47f2f8","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.183.0-pa-1217.1.tgz","fileCount":79,"integrity":"sha512-fVIQjCoNYzfx8k8YCp0tlVZr8YcQ2k291Xn4DBwredIa6wRENAkWq/QJfgU1MVXbU6DRXhLsgvWx7zpsh07pfA==","signatures":[{"sig":"MEUCIEfpJuXzdQJmZBuXWGWrB3NGQ6XhKr2+XX+/O8PxH3V/AiEAlnkZgsiemvhh1hAZxFkAVKT1SnoI7/8zI/c/N4y8FLs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130553},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"6be37835b2906c71104f3ee79526927d466ee7d1","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.183.0-pa-1217.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.183.0-pa-1217.1","@genesislcap/foundation-comms":"14.183.0-pa-1217.1","@genesislcap/foundation-utils":"14.183.0-pa-1217.1","@genesislcap/foundation-logger":"14.183.0-pa-1217.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.183.0-pa-1217.1","@genesislcap/ts-builder":"14.183.0-pa-1217.1","@genesislcap/vite-builder":"14.183.0-pa-1217.1","@genesislcap/rollup-builder":"14.183.0-pa-1217.1","@genesislcap/webpack-builder":"14.183.0-pa-1217.1","@genesislcap/foundation-testing":"14.183.0-pa-1217.1","@genesislcap/uvu-playwright-builder":"14.183.0-pa-1217.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.183.0-pa-1217.1_1717061619484_0.05029970279251317","host":"s3://npm-registry-packages"}},"14.183.4":{"name":"@genesislcap/foundation-services-status","version":"14.183.4","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.183.4","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"714e91edaf97aad8f516aaa8a728391196068f41","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.183.4.tgz","fileCount":79,"integrity":"sha512-d7CLVzU1o2AXAfCA8fGa7ZMQUfsTIye5zDNDRmjcChi5WYcZ4iz4kBBwrdMq1/F/1f8NptQ50g4bGbDys47i+g==","signatures":[{"sig":"MEUCIQDXmmPqacs7YpSMPmiEZK0DD1sX2tWYFdwwqBfhFtteFQIgSkhdvGHF93OLwYoOhSoSh+D3BfIc/lCSXID1AnTCfMA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"ba6d12c3196029a1d6d68335fd6da494139a6afc","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.183.4","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.183.4","@genesislcap/foundation-comms":"14.183.4","@genesislcap/foundation-utils":"14.183.4","@genesislcap/foundation-logger":"14.183.4"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.183.4","@genesislcap/ts-builder":"14.183.4","@genesislcap/vite-builder":"14.183.4","@genesislcap/rollup-builder":"14.183.4","@genesislcap/webpack-builder":"14.183.4","@genesislcap/foundation-testing":"14.183.4","@genesislcap/uvu-playwright-builder":"14.183.4"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.183.4_1717063433556_0.2221136944177109","host":"s3://npm-registry-packages"}},"14.183.5":{"name":"@genesislcap/foundation-services-status","version":"14.183.5","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.183.5","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"95cadad6fc8a0f59f0edc188265598ec9c5b29fa","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.183.5.tgz","fileCount":79,"integrity":"sha512-ajDFNrP/WiHoaIQ4AmjcQpNBSoD9hcsKk6pTXcaLrj3GUbrXTH9qHghPqhqLoi60cOU2/dvFA3+POv0aqoJ4Mg==","signatures":[{"sig":"MEUCIQDfzB2Q8TokfDTtGzI7IhgdNtAXtU25lgnD2ly6iehJ5QIgS+7TVkGJ/2N9JRzKmEjpa6nCV21KtOcaflbzEMSOBCI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"4e53361349876ad2e57fd46cdfa4c775ff719e02","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.183.5","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.183.5","@genesislcap/foundation-comms":"14.183.5","@genesislcap/foundation-utils":"14.183.5","@genesislcap/foundation-logger":"14.183.5"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.183.5","@genesislcap/ts-builder":"14.183.5","@genesislcap/vite-builder":"14.183.5","@genesislcap/rollup-builder":"14.183.5","@genesislcap/webpack-builder":"14.183.5","@genesislcap/foundation-testing":"14.183.5","@genesislcap/uvu-playwright-builder":"14.183.5"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.183.5_1717084831119_0.6994548272159005","host":"s3://npm-registry-packages"}},"14.183.6":{"name":"@genesislcap/foundation-services-status","version":"14.183.6","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.183.6","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"64ef8a8bea6d154dfaa310843ff4f898ae116a53","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.183.6.tgz","fileCount":79,"integrity":"sha512-fpQ059ljg5k/W467jxWrXgZjhucB/76x1E9LOk2T8PiHAUK0BaSg50u8SkKozBSRWKfcDhojEAjjZf1Dz3pIYA==","signatures":[{"sig":"MEQCIEGKHh38IQPj7sMkaiUfASP7gur4+k42l4JpXX6VvV+oAiAr4OSnRLq2LIxjFiu+nGsJohS0pLgtVgEF+qIGAD+ZdQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"4370f9a42aaeb1d0e710963453c7b51212ff1856","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.183.6","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.183.6","@genesislcap/foundation-comms":"14.183.6","@genesislcap/foundation-utils":"14.183.6","@genesislcap/foundation-logger":"14.183.6"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.183.6","@genesislcap/ts-builder":"14.183.6","@genesislcap/vite-builder":"14.183.6","@genesislcap/rollup-builder":"14.183.6","@genesislcap/webpack-builder":"14.183.6","@genesislcap/foundation-testing":"14.183.6","@genesislcap/uvu-playwright-builder":"14.183.6"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.183.6_1717492652444_0.7399594484727054","host":"s3://npm-registry-packages"}},"14.183.7-alpha-ed1fe01.0":{"name":"@genesislcap/foundation-services-status","version":"14.183.7-alpha-ed1fe01.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.183.7-alpha-ed1fe01.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"c6d7f976cbe6a280366e0444e72edae0489214c6","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.183.7-alpha-ed1fe01.0.tgz","fileCount":79,"integrity":"sha512-443b/8Ml7uAeYwU7I9e9CzMT451aU7PSeGlFY0AWksWSRUdbamfhy9sWbn1YbqQ0cG260swqJcvmwYHIrdQkoA==","signatures":[{"sig":"MEQCICVe+6DA1+0oC5SShrHW6dqBrccLs8P45T5dMn/kX97YAiAgK2S+oVCk3hpHqjZVLtqViSbF+vGs1UTuhO+/vYhrow==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130631},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"9bc1a84ef7b10c8cf4cab6028b2a957d29896798","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.183.7-alpha-ed1fe01.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.183.7-alpha-ed1fe01.0","@genesislcap/foundation-comms":"14.183.7-alpha-ed1fe01.0","@genesislcap/foundation-utils":"14.183.7-alpha-ed1fe01.0","@genesislcap/foundation-logger":"14.183.7-alpha-ed1fe01.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.183.7-alpha-ed1fe01.0","@genesislcap/ts-builder":"14.183.7-alpha-ed1fe01.0","@genesislcap/vite-builder":"14.183.7-alpha-ed1fe01.0","@genesislcap/rollup-builder":"14.183.7-alpha-ed1fe01.0","@genesislcap/webpack-builder":"14.183.7-alpha-ed1fe01.0","@genesislcap/foundation-testing":"14.183.7-alpha-ed1fe01.0","@genesislcap/uvu-playwright-builder":"14.183.7-alpha-ed1fe01.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.183.7-alpha-ed1fe01.0_1717522623298_0.6251250330753164","host":"s3://npm-registry-packages"}},"14.183.7":{"name":"@genesislcap/foundation-services-status","version":"14.183.7","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.183.7","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"43a622499a8af0ea6c8cdcf0b0692bf224708d7a","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.183.7.tgz","fileCount":79,"integrity":"sha512-n366bM343Ded8LwCVA0e0X7+W+kdZokx7GQgW6c5dgbCyJn4/hA3WlqjmHDv0KO6zfyOKGmldNnaDJHB5m7iFg==","signatures":[{"sig":"MEYCIQC0k29eb7fpLK0CCoQrfHTbdKNY/d+Q7/6ChAjhGbCwrwIhALPE6N32h1vkrPVEVkOBmk2qh44i4caK8Bs9qC/3HI32","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"6821e0bf24c55b54d8c251b70ef22859470ed006","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.183.7","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.183.7","@genesislcap/foundation-comms":"14.183.7","@genesislcap/foundation-utils":"14.183.7","@genesislcap/foundation-logger":"14.183.7"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.183.7","@genesislcap/ts-builder":"14.183.7","@genesislcap/vite-builder":"14.183.7","@genesislcap/rollup-builder":"14.183.7","@genesislcap/webpack-builder":"14.183.7","@genesislcap/foundation-testing":"14.183.7","@genesislcap/uvu-playwright-builder":"14.183.7"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.183.7_1717524887605_0.6127697208751324","host":"s3://npm-registry-packages"}},"14.183.8-alpha-b447c11.0":{"name":"@genesislcap/foundation-services-status","version":"14.183.8-alpha-b447c11.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.183.8-alpha-b447c11.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"938f4a5a1f77138d2f7c56a8633f48810bb7b46a","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.183.8-alpha-b447c11.0.tgz","fileCount":79,"integrity":"sha512-E7MHfXoQe4wSO6Kg1lMclcHvvAEH9Dj9KdnA9znq1UIRa67Fzvfomy3IePp8+d2auhPp3whNs2l1XrrYvrsMhA==","signatures":[{"sig":"MEUCIHDfq+mDokDkVz8iZ3IXnox7XSyNg+IiqQwpVZhQU8NTAiEAxU2uMZvrIqqmQLJYy+6NGRNOS7Ati4L0/d6LDymc2Bk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130631},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"e36d5db798f9f88453fe8dfb6b14fde945a0a5ce","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.183.8-alpha-b447c11.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.183.8-alpha-b447c11.0","@genesislcap/foundation-comms":"14.183.8-alpha-b447c11.0","@genesislcap/foundation-utils":"14.183.8-alpha-b447c11.0","@genesislcap/foundation-logger":"14.183.8-alpha-b447c11.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.183.8-alpha-b447c11.0","@genesislcap/ts-builder":"14.183.8-alpha-b447c11.0","@genesislcap/vite-builder":"14.183.8-alpha-b447c11.0","@genesislcap/rollup-builder":"14.183.8-alpha-b447c11.0","@genesislcap/webpack-builder":"14.183.8-alpha-b447c11.0","@genesislcap/foundation-testing":"14.183.8-alpha-b447c11.0","@genesislcap/uvu-playwright-builder":"14.183.8-alpha-b447c11.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.183.8-alpha-b447c11.0_1717620605238_0.26055994514695335","host":"s3://npm-registry-packages"}},"14.183.8-alpha-2bee32d.0":{"name":"@genesislcap/foundation-services-status","version":"14.183.8-alpha-2bee32d.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.183.8-alpha-2bee32d.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"63ed0d22f2795e9ab0ce2d2f0795a8f1c81d168b","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.183.8-alpha-2bee32d.0.tgz","fileCount":79,"integrity":"sha512-DFfN2qfcQOCghwUoy7pCTeCTpfFGpTkDr2znM3uHp0EppbymYYqH/h9V4HmJqdkqOFQ7qW8L84IrImQ4rwO1TA==","signatures":[{"sig":"MEUCIQC6k6NHws4WsXdbeI4+mwRVb1R6Vlck9P/4gdMhQAqiFAIgaTCRXwi//QffPFKp3DD6ZpcDhGjJZJw2R0h9ax7qyrc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130631},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"9684deb683b2b586db8ee14cef81276ce9bbdcc3","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.183.8-alpha-2bee32d.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.183.8-alpha-2bee32d.0","@genesislcap/foundation-comms":"14.183.8-alpha-2bee32d.0","@genesislcap/foundation-utils":"14.183.8-alpha-2bee32d.0","@genesislcap/foundation-logger":"14.183.8-alpha-2bee32d.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.183.8-alpha-2bee32d.0","@genesislcap/ts-builder":"14.183.8-alpha-2bee32d.0","@genesislcap/vite-builder":"14.183.8-alpha-2bee32d.0","@genesislcap/rollup-builder":"14.183.8-alpha-2bee32d.0","@genesislcap/webpack-builder":"14.183.8-alpha-2bee32d.0","@genesislcap/foundation-testing":"14.183.8-alpha-2bee32d.0","@genesislcap/uvu-playwright-builder":"14.183.8-alpha-2bee32d.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.183.8-alpha-2bee32d.0_1717667541725_0.6091968840101809","host":"s3://npm-registry-packages"}},"14.183.8-alpha-42eb620.0":{"name":"@genesislcap/foundation-services-status","version":"14.183.8-alpha-42eb620.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.183.8-alpha-42eb620.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"80d324262d1cfd10fed770ca8968ab2d7a689917","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.183.8-alpha-42eb620.0.tgz","fileCount":79,"integrity":"sha512-Eiyc9Vj5NrDDVAK+KN/eL7Yg1zi00HTj83duH48aKTQgi5M9kMyKfxjFlLM/BwMgNkd5ZEjJ1UFNfnHHAbrwmg==","signatures":[{"sig":"MEYCIQDuL7OvdbZCtJuyZ1q3gIVRX4yegt0hTF8dv8i/9I8gxAIhAKtpfJXj+NDgTPFBuw1g6lExNTgn03BUXxn2JmonhKmf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130631},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"80eff1ca499b0e1076e7d36a425391cf94925d39","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.183.8-alpha-42eb620.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.183.8-alpha-42eb620.0","@genesislcap/foundation-comms":"14.183.8-alpha-42eb620.0","@genesislcap/foundation-utils":"14.183.8-alpha-42eb620.0","@genesislcap/foundation-logger":"14.183.8-alpha-42eb620.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.183.8-alpha-42eb620.0","@genesislcap/ts-builder":"14.183.8-alpha-42eb620.0","@genesislcap/vite-builder":"14.183.8-alpha-42eb620.0","@genesislcap/rollup-builder":"14.183.8-alpha-42eb620.0","@genesislcap/webpack-builder":"14.183.8-alpha-42eb620.0","@genesislcap/foundation-testing":"14.183.8-alpha-42eb620.0","@genesislcap/uvu-playwright-builder":"14.183.8-alpha-42eb620.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.183.8-alpha-42eb620.0_1717669550326_0.6386821706805039","host":"s3://npm-registry-packages"}},"14.183.8-alpha-a6f12fb.0":{"name":"@genesislcap/foundation-services-status","version":"14.183.8-alpha-a6f12fb.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.183.8-alpha-a6f12fb.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"b09c1f396f48eb33146f585989401bce0aa41694","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.183.8-alpha-a6f12fb.0.tgz","fileCount":79,"integrity":"sha512-Rwi3f/gwPL1TID9AoBOPoAbH5UDtfJI6jdp+T1VEnO55kfD0dLExCwybxoFdugbGRo2Vd3W/yGMHVPV/R7BrWw==","signatures":[{"sig":"MEQCIBJlp7K8Org7B9m+kZGvo6C8IP6pCECuVX0khzDcEiD8AiAcW9uLhEplOOPumNUem1Fm3r0dAO7PRRdg1Wj1mekfeA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130631},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"1876f652cf54871e97099aba7a0a2f21cab78a12","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.183.8-alpha-a6f12fb.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.183.8-alpha-a6f12fb.0","@genesislcap/foundation-comms":"14.183.8-alpha-a6f12fb.0","@genesislcap/foundation-utils":"14.183.8-alpha-a6f12fb.0","@genesislcap/foundation-logger":"14.183.8-alpha-a6f12fb.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.183.8-alpha-a6f12fb.0","@genesislcap/ts-builder":"14.183.8-alpha-a6f12fb.0","@genesislcap/vite-builder":"14.183.8-alpha-a6f12fb.0","@genesislcap/rollup-builder":"14.183.8-alpha-a6f12fb.0","@genesislcap/webpack-builder":"14.183.8-alpha-a6f12fb.0","@genesislcap/foundation-testing":"14.183.8-alpha-a6f12fb.0","@genesislcap/uvu-playwright-builder":"14.183.8-alpha-a6f12fb.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.183.8-alpha-a6f12fb.0_1717672837278_0.17632473009114613","host":"s3://npm-registry-packages"}},"14.183.8-alpha-63f9910.0":{"name":"@genesislcap/foundation-services-status","version":"14.183.8-alpha-63f9910.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.183.8-alpha-63f9910.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"93b5fcf8eef315bea03c482f203a9dc828471a7f","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.183.8-alpha-63f9910.0.tgz","fileCount":79,"integrity":"sha512-Gg8kHgLvsWy/9NjYtL0N9GcGgfjdxYvtBKdTIsD52dq2e/3Qt3isGU33Ch9cV34V/m3Ifo13a0bXRpOsX9w49w==","signatures":[{"sig":"MEUCIQDrWWR1n3WLAbEWiyEB4gZ+ktJrODpYpXG/Bl4/A1HYAAIgS21gbmz1kZqWYye0R+U/U+hGdwtejy7yemtw6KVAI/s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130631},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"b1ba8545a90c7c6a17ce51463d44f309c7ed5083","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.183.8-alpha-63f9910.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.183.8-alpha-63f9910.0","@genesislcap/foundation-comms":"14.183.8-alpha-63f9910.0","@genesislcap/foundation-utils":"14.183.8-alpha-63f9910.0","@genesislcap/foundation-logger":"14.183.8-alpha-63f9910.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.183.8-alpha-63f9910.0","@genesislcap/ts-builder":"14.183.8-alpha-63f9910.0","@genesislcap/vite-builder":"14.183.8-alpha-63f9910.0","@genesislcap/rollup-builder":"14.183.8-alpha-63f9910.0","@genesislcap/webpack-builder":"14.183.8-alpha-63f9910.0","@genesislcap/foundation-testing":"14.183.8-alpha-63f9910.0","@genesislcap/uvu-playwright-builder":"14.183.8-alpha-63f9910.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.183.8-alpha-63f9910.0_1717675173061_0.0075546819039200575","host":"s3://npm-registry-packages"}},"14.184.0":{"name":"@genesislcap/foundation-services-status","version":"14.184.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.184.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"353c5012f698c80f8d46a458bd723edb2ee97533","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.184.0.tgz","fileCount":79,"integrity":"sha512-J3Z4IoRMzs/xDpPyDZo5H0z6hUY2SjbBl91i3CfY/PGrj77E6xx95vf8BrV/KV9BssCjCuueDWC2uVKWoHe/gw==","signatures":[{"sig":"MEYCIQDgUfRt9FPqndi9/E+GhXwTEYeKjI61HuBBwjcUXp8jWQIhAJw5so7Kfy7sar6LmVMzbEx4mglkwfNZeT2J3uo77keV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130423},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"8aef45b63f3c8b0336b3f8cc97ad79a36e9b5381","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.184.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.184.0","@genesislcap/foundation-comms":"14.184.0","@genesislcap/foundation-utils":"14.184.0","@genesislcap/foundation-logger":"14.184.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^3.0.2","@genesislcap/genx":"14.184.0","@genesislcap/ts-builder":"14.184.0","@genesislcap/vite-builder":"14.184.0","@genesislcap/rollup-builder":"14.184.0","@genesislcap/webpack-builder":"14.184.0","@genesislcap/foundation-testing":"14.184.0","@genesislcap/uvu-playwright-builder":"14.184.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.184.0_1717679404722_0.6938275646003453","host":"s3://npm-registry-packages"}},"14.185.0":{"name":"@genesislcap/foundation-services-status","version":"14.185.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.185.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"6ba369691968b4fa696b751b0244f38517879a66","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.185.0.tgz","fileCount":79,"integrity":"sha512-L0cujyxzyEc9l2aIM/rkq1NaU+sJa/S4Fto/UDmilRPEx6lcjWcJZHreAvE6xDUGj8H+Zc3TpNrlalUUoIBgRQ==","signatures":[{"sig":"MEUCIQC7W60dlQP6Nvg+NdGZGeFcfmZt4UI5tqDdEidKgvK7BwIgFD4sbibLvxdOvTBxB7KVKY50pSjNDe0vTKjCdDDmRiY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130602},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","madge":{"detectiveOptions":{"ts":{"skipTypeImports":true}}},"types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"839487e6a0b1168d0ad6bf32c9e3a50504c775a0","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","circular":"npx -y madge --extensions ts --circular ./src","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.185.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.185.0","@genesislcap/foundation-comms":"14.185.0","@genesislcap/foundation-utils":"14.185.0","@genesislcap/foundation-logger":"14.185.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^5.0.0","@genesislcap/genx":"14.185.0","@genesislcap/ts-builder":"14.185.0","@genesislcap/vite-builder":"14.185.0","@genesislcap/rollup-builder":"14.185.0","@genesislcap/webpack-builder":"14.185.0","@genesislcap/foundation-testing":"14.185.0","@genesislcap/uvu-playwright-builder":"14.185.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.185.0_1718185140792_0.10007557244924903","host":"s3://npm-registry-packages"}},"14.186.0":{"name":"@genesislcap/foundation-services-status","version":"14.186.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.186.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"c5efc3c4e43ad8deadfc0c0420dceee201afef3b","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.186.0.tgz","fileCount":79,"integrity":"sha512-JgrARcQlXlEYmjY6uz47YJ5fUjDpHAoE+eC1k+6690GZuQDYeC1pqT5zD/zFY8CY1uUgr3+pcAlN96rhGDgnjA==","signatures":[{"sig":"MEUCIQD1e+XeP3vl123MHW4H4D7HMvxjFibg2E8BbHT9nPrATwIgLOAj/t57hA+GucsXoFv7QBK/Q4tY9DegiHLxBH+ycmw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130602},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","madge":{"detectiveOptions":{"ts":{"skipTypeImports":true}}},"types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"1ebc5549ab49ef3a3e6c08c8aab0886dbebb3400","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","circular":"npx -y madge --extensions ts --circular ./src","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.186.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.186.0","@genesislcap/foundation-comms":"14.186.0","@genesislcap/foundation-utils":"14.186.0","@genesislcap/foundation-logger":"14.186.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^5.0.0","@genesislcap/genx":"14.186.0","@genesislcap/ts-builder":"14.186.0","@genesislcap/vite-builder":"14.186.0","@genesislcap/rollup-builder":"14.186.0","@genesislcap/webpack-builder":"14.186.0","@genesislcap/foundation-testing":"14.186.0","@genesislcap/uvu-playwright-builder":"14.186.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.186.0_1718288616882_0.5548067216913999","host":"s3://npm-registry-packages"}},"14.186.1-alpha-1d915d4.0":{"name":"@genesislcap/foundation-services-status","version":"14.186.1-alpha-1d915d4.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.186.1-alpha-1d915d4.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"1a7a3797ce8e571f1261502b33c5e008c2d95246","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.186.1-alpha-1d915d4.0.tgz","fileCount":79,"integrity":"sha512-o5DeGPoi5u5MSqoztzdFkNj/pdIxMltF/7syr64iqhIUKSWX8EbUh4UrV/spJn1804X0EHIfRYA/QACAFFoyiQ==","signatures":[{"sig":"MEYCIQC5iw13bwWC4GajmbGy6Gh6S4SqTjDQPZR1ZNXCxVkwhwIhAOMejaN50YB2u1+mvOQZ3rGfc3kcj0Lg9FIP4beaB7bb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130810},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","madge":{"detectiveOptions":{"ts":{"skipTypeImports":true}}},"types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"e4b12d06812bdfbb2b66c61c89ae7bccebbfcdeb","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","circular":"npx -y madge --extensions ts --circular ./src","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.186.1-alpha-1d915d4.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.186.1-alpha-1d915d4.0","@genesislcap/foundation-comms":"14.186.1-alpha-1d915d4.0","@genesislcap/foundation-utils":"14.186.1-alpha-1d915d4.0","@genesislcap/foundation-logger":"14.186.1-alpha-1d915d4.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^5.0.0","@genesislcap/genx":"14.186.1-alpha-1d915d4.0","@genesislcap/ts-builder":"14.186.1-alpha-1d915d4.0","@genesislcap/vite-builder":"14.186.1-alpha-1d915d4.0","@genesislcap/rollup-builder":"14.186.1-alpha-1d915d4.0","@genesislcap/webpack-builder":"14.186.1-alpha-1d915d4.0","@genesislcap/foundation-testing":"14.186.1-alpha-1d915d4.0","@genesislcap/uvu-playwright-builder":"14.186.1-alpha-1d915d4.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.186.1-alpha-1d915d4.0_1718297206245_0.5356479601353967","host":"s3://npm-registry-packages"}},"14.186.1":{"name":"@genesislcap/foundation-services-status","version":"14.186.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.186.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"0058498cbcefa5da1d74220cb66f064dda0acdd0","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.186.1.tgz","fileCount":79,"integrity":"sha512-7uGoyU/VXdNzMVQZZkyVNrMZSdiiuh9Rsaksw8LL4SCBrY22j5ThbkL9N9ZwFHpXtx4fckshE85XLlt26/tr7g==","signatures":[{"sig":"MEUCIDCdveBQyovBZQ54zQa/Xo73qWgPgyoO7ceohJtn6/y0AiEAxluXIXFKtQQtohOZTrN8AxXbgvzqC2olPtKTRt9QEBA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130602},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","madge":{"detectiveOptions":{"ts":{"skipTypeImports":true}}},"types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"d08325d1640fd14e5c6ecb86d75612c90ac49ef9","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","circular":"npx -y madge --extensions ts --circular ./src","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.186.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.186.1","@genesislcap/foundation-comms":"14.186.1","@genesislcap/foundation-utils":"14.186.1","@genesislcap/foundation-logger":"14.186.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^5.0.0","@genesislcap/genx":"14.186.1","@genesislcap/ts-builder":"14.186.1","@genesislcap/vite-builder":"14.186.1","@genesislcap/rollup-builder":"14.186.1","@genesislcap/webpack-builder":"14.186.1","@genesislcap/foundation-testing":"14.186.1","@genesislcap/uvu-playwright-builder":"14.186.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.186.1_1718304945133_0.5822466600799359","host":"s3://npm-registry-packages"}},"14.187.0":{"name":"@genesislcap/foundation-services-status","version":"14.187.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.187.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"b267f1632d4ef09fbf6f5a17644f6df3d7db3939","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.187.0.tgz","fileCount":79,"integrity":"sha512-157auOJzfWE7la3aEfmKdWMnZEF4Pop7+PsMMmhfX5NhbuWCrEhItUBIhz8fmmYW8pCiEYcTqCIXWuuoYvjMug==","signatures":[{"sig":"MEUCIQDOKD59pvMUZ/mSqUcel+dDY3ySqjEFF68W1yv0qQWD2wIgNaxhhPp0PEbU1kRFKxoSy2Mbnx37g12nB4jqB/mrSTE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130602},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","madge":{"detectiveOptions":{"ts":{"skipTypeImports":true}}},"types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"a1fbc41e29012ff3bc2c28616ef3908de7e626fe","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","circular":"npx -y madge --extensions ts --circular ./src","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.187.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.187.0","@genesislcap/foundation-comms":"14.187.0","@genesislcap/foundation-utils":"14.187.0","@genesislcap/foundation-logger":"14.187.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^5.0.0","@genesislcap/genx":"14.187.0","@genesislcap/ts-builder":"14.187.0","@genesislcap/vite-builder":"14.187.0","@genesislcap/rollup-builder":"14.187.0","@genesislcap/webpack-builder":"14.187.0","@genesislcap/foundation-testing":"14.187.0","@genesislcap/uvu-playwright-builder":"14.187.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.187.0_1718358244934_0.20219111235320675","host":"s3://npm-registry-packages"}},"14.187.1":{"name":"@genesislcap/foundation-services-status","version":"14.187.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.187.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"e555179334189cfd31c0e1f6f887fb99d5a923e9","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.187.1.tgz","fileCount":79,"integrity":"sha512-ysYktCXF+oW6d0j1hi0lT3+V/K/TiBgrTJN6wCP820Uzgi6IiyCOdFSbxC5sZpWzjr7n3wia3Q9RQ5SjR0fSZA==","signatures":[{"sig":"MEUCIHLYirTuGyy43njW7UTI/DpGE3aGwELqomIBjq1qeZ/vAiEAiUyMqgq4C7igjRqmNfjr2zKQZ3Toa7m5ZCDxalnqops=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130602},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","madge":{"detectiveOptions":{"ts":{"skipTypeImports":true}}},"types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"ed7f2594a168c5d92f448fc0c65566a9f1074acb","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","circular":"npx -y madge --extensions ts --circular ./src","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.187.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.187.1","@genesislcap/foundation-comms":"14.187.1","@genesislcap/foundation-utils":"14.187.1","@genesislcap/foundation-logger":"14.187.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^5.0.0","@genesislcap/genx":"14.187.1","@genesislcap/ts-builder":"14.187.1","@genesislcap/vite-builder":"14.187.1","@genesislcap/rollup-builder":"14.187.1","@genesislcap/webpack-builder":"14.187.1","@genesislcap/foundation-testing":"14.187.1","@genesislcap/uvu-playwright-builder":"14.187.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.187.1_1718378159712_0.8464795449332339","host":"s3://npm-registry-packages"}},"14.187.1-accessibility.1":{"name":"@genesislcap/foundation-services-status","version":"14.187.1-accessibility.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.187.1-accessibility.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"a8e69048346867944c1ddbce6e76c9039560e88d","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.187.1-accessibility.1.tgz","fileCount":79,"integrity":"sha512-WXTHRd/6ETWu4ZCoJRxTuAc2VCUi+L6x2nkEQOT7b0axhVFBTPnjmLLVLdm4l+ZvV01LtntFdtzonf5elbMzLQ==","signatures":[{"sig":"MEUCIEKTnNrf3qLrVf7BF62b+xy5akqBNlHA7FLCj3VjensPAiEAx52WaU6lsKOj881LvUf2dv8UVeKaRsbJzRLQx1hAgqI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130810},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","madge":{"detectiveOptions":{"ts":{"skipTypeImports":true}}},"types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"e798cfd3061012fb058a61b92406bc8f92363e9f","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","circular":"npx -y madge --extensions ts --circular ./src","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.187.1-accessibility.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.187.1-accessibility.1","@genesislcap/foundation-comms":"14.187.1-accessibility.1","@genesislcap/foundation-utils":"14.187.1-accessibility.1","@genesislcap/foundation-logger":"14.187.1-accessibility.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^5.0.0","@genesislcap/genx":"14.187.1-accessibility.1","@genesislcap/ts-builder":"14.187.1-accessibility.1","@genesislcap/vite-builder":"14.187.1-accessibility.1","@genesislcap/rollup-builder":"14.187.1-accessibility.1","@genesislcap/webpack-builder":"14.187.1-accessibility.1","@genesislcap/foundation-testing":"14.187.1-accessibility.1","@genesislcap/uvu-playwright-builder":"14.187.1-accessibility.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.187.1-accessibility.1_1718381364952_0.5441854174743139","host":"s3://npm-registry-packages"}},"14.187.1-alpha-3406925.0":{"name":"@genesislcap/foundation-services-status","version":"14.187.1-alpha-3406925.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.187.1-alpha-3406925.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"0930ec00622330fcbabc7f03afe9c2cd7f10a9e2","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.187.1-alpha-3406925.0.tgz","fileCount":79,"integrity":"sha512-F9DyQFA9qnXvfdDOy/Ury3RnsH6EEi9TTkndMQk4ep4swJhL0bvsRqXMbC/ky7I5Sa0HEHSAD4QKGOoc68K9uw==","signatures":[{"sig":"MEUCIAcnYd5xMz8la9AVMFkF5NeIw/37PzuXCSENhUFUXA0wAiEAnLEELqbSEN/LH1U3MiF/1XTjLujFfxXf/LpAPQ28hzU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130810},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","madge":{"detectiveOptions":{"ts":{"skipTypeImports":true}}},"types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"5cfee4e1139ab65e10e25f80214b2a38e59460a5","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","circular":"npx -y madge --extensions ts --circular ./src","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.187.1-alpha-3406925.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.187.1-alpha-3406925.0","@genesislcap/foundation-comms":"14.187.1-alpha-3406925.0","@genesislcap/foundation-utils":"14.187.1-alpha-3406925.0","@genesislcap/foundation-logger":"14.187.1-alpha-3406925.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^5.0.0","@genesislcap/genx":"14.187.1-alpha-3406925.0","@genesislcap/ts-builder":"14.187.1-alpha-3406925.0","@genesislcap/vite-builder":"14.187.1-alpha-3406925.0","@genesislcap/rollup-builder":"14.187.1-alpha-3406925.0","@genesislcap/webpack-builder":"14.187.1-alpha-3406925.0","@genesislcap/foundation-testing":"14.187.1-alpha-3406925.0","@genesislcap/uvu-playwright-builder":"14.187.1-alpha-3406925.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.187.1-alpha-3406925.0_1718384380054_0.8895817156700394","host":"s3://npm-registry-packages"}},"14.188.0":{"name":"@genesislcap/foundation-services-status","version":"14.188.0","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.188.0","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"b84796a4d5ec58ba1926968974437eb087f1b119","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.188.0.tgz","fileCount":79,"integrity":"sha512-EpVtuEATmVaSPZmbIFQmBB/wcvBElDuRBFALokgEch6gVPPAC03BevlGku80Dvra9OB78XMjZD3c0JzmPIylBg==","signatures":[{"sig":"MEYCIQCrXH/dfw6ZZ7Xkk2G98V4Q29zBt6KHPA2Zhn/lRubzfQIhANgmAjuydfSYDJuVlrDiMaG4FZQe8yM8bnNdjlDVhAUG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130602},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","madge":{"detectiveOptions":{"ts":{"skipTypeImports":true}}},"types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"c262f43925f3066a3d5515753ef3dd14b6945199","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","circular":"npx -y madge --extensions ts --circular ./src","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.188.0","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.188.0","@genesislcap/foundation-comms":"14.188.0","@genesislcap/foundation-utils":"14.188.0","@genesislcap/foundation-logger":"14.188.0"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","devDependencies":{"rimraf":"^5.0.0","@genesislcap/genx":"14.188.0","@genesislcap/ts-builder":"14.188.0","@genesislcap/vite-builder":"14.188.0","@genesislcap/rollup-builder":"14.188.0","@genesislcap/webpack-builder":"14.188.0","@genesislcap/foundation-testing":"14.188.0","@genesislcap/uvu-playwright-builder":"14.188.0"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.188.0_1718456135671_0.7702587649334605","host":"s3://npm-registry-packages"}},"14.188.0-FUI-2012.1":{"name":"@genesislcap/foundation-services-status","version":"14.188.0-FUI-2012.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.188.0-FUI-2012.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"7000489dd337a7b9256c9f0f96900ed8970ecfc8","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.188.0-FUI-2012.1.tgz","fileCount":79,"integrity":"sha512-BHgpHldsS9ztF2r2CKxXpbULEc63857Gv4+cKmHwKA0LvTo/RBskrEb5EUmNxlL26wPjX4wkk1LmslJOnszRMw==","signatures":[{"sig":"MEUCIEo8pPmWrBRNvcdIansmBbgeFK3++3v8/gHSCBqZhHjKAiEAxwrw7e01WWxQ5iXB2jujXxVvS2R6rJK6a8N7y0g+h+8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130745},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","madge":{"detectiveOptions":{"ts":{"skipTypeImports":true}}},"types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"c4d4a4d125fc1c38212911387907757832010c76","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","circular":"npx -y madge --extensions ts --circular ./src","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.188.0-FUI-2012.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.188.0-FUI-2012.1","@genesislcap/foundation-comms":"14.188.0-FUI-2012.1","@genesislcap/foundation-utils":"14.188.0-FUI-2012.1","@genesislcap/foundation-logger":"14.188.0-FUI-2012.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^5.0.0","@genesislcap/genx":"14.188.0-FUI-2012.1","@genesislcap/ts-builder":"14.188.0-FUI-2012.1","@genesislcap/vite-builder":"14.188.0-FUI-2012.1","@genesislcap/rollup-builder":"14.188.0-FUI-2012.1","@genesislcap/webpack-builder":"14.188.0-FUI-2012.1","@genesislcap/foundation-testing":"14.188.0-FUI-2012.1","@genesislcap/uvu-playwright-builder":"14.188.0-FUI-2012.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.188.0-FUI-2012.1_1718633496301_0.1589225802054932","host":"s3://npm-registry-packages"}},"14.188.0-fui-2012.2":{"name":"@genesislcap/foundation-services-status","version":"14.188.0-fui-2012.2","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.188.0-fui-2012.2","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"d8211f2ea3861c45af3b130429367477c9b05d7b","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.188.0-fui-2012.2.tgz","fileCount":79,"integrity":"sha512-ew2lb/tOTDtW6ew+p6OqzhrtI+veu+mmbEU42OpZzj3e/iwlgtJjz4jTq1ZDkcKUbD/4/Xedr3oKYYHI51deXg==","signatures":[{"sig":"MEUCIG9vqkQyqPweB15mHZr2VCk1jjQCJMLhE3SJOljItRg3AiEAhCTF0hWiEzy81uSMqZPqPFqAGNreBvWeX7tVQN6NUas=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130745},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","madge":{"detectiveOptions":{"ts":{"skipTypeImports":true}}},"types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"b6fd8f46dcf8ab22338b4f4abdfb937c9e31d347","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","circular":"npx -y madge --extensions ts --circular ./src","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.188.0-fui-2012.2","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.188.0-fui-2012.2","@genesislcap/foundation-comms":"14.188.0-fui-2012.2","@genesislcap/foundation-utils":"14.188.0-fui-2012.2","@genesislcap/foundation-logger":"14.188.0-fui-2012.2"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^5.0.0","@genesislcap/genx":"14.188.0-fui-2012.2","@genesislcap/ts-builder":"14.188.0-fui-2012.2","@genesislcap/vite-builder":"14.188.0-fui-2012.2","@genesislcap/rollup-builder":"14.188.0-fui-2012.2","@genesislcap/webpack-builder":"14.188.0-fui-2012.2","@genesislcap/foundation-testing":"14.188.0-fui-2012.2","@genesislcap/uvu-playwright-builder":"14.188.0-fui-2012.2"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.188.0-fui-2012.2_1718693824608_0.629579255398867","host":"s3://npm-registry-packages"}},"14.188.0-FUI-2012-tabulator.1":{"name":"@genesislcap/foundation-services-status","version":"14.188.0-FUI-2012-tabulator.1","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.188.0-FUI-2012-tabulator.1","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"0e1efe19be48f033971fbc8a53eab0fb46d681f4","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.188.0-FUI-2012-tabulator.1.tgz","fileCount":79,"integrity":"sha512-uGwpZJaguvQYX8NMYfgTyZXs9vH8Abu78n+TB26uuNIsD2TuvhxIiEgGpTtv3okZvBOQ7XzLpD9YI77hltkNQg==","signatures":[{"sig":"MEQCIHrPtL/3KRBT97LFbRkfak1wTou6jRKzzKAUkJbq9T8eAiBjGoewBLLFJFyhR2rcRzu4AZnr9P/NLBIoVj4A1lRHRA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130875},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","madge":{"detectiveOptions":{"ts":{"skipTypeImports":true}}},"types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"5824fecaf9af97a64b316ea900380945268e7fe3","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","circular":"npx -y madge --extensions ts --circular ./src","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.188.0-FUI-2012-tabulator.1","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.188.0-FUI-2012-tabulator.1","@genesislcap/foundation-comms":"14.188.0-FUI-2012-tabulator.1","@genesislcap/foundation-utils":"14.188.0-FUI-2012-tabulator.1","@genesislcap/foundation-logger":"14.188.0-FUI-2012-tabulator.1"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^5.0.0","@genesislcap/genx":"14.188.0-FUI-2012-tabulator.1","@genesislcap/ts-builder":"14.188.0-FUI-2012-tabulator.1","@genesislcap/vite-builder":"14.188.0-FUI-2012-tabulator.1","@genesislcap/rollup-builder":"14.188.0-FUI-2012-tabulator.1","@genesislcap/webpack-builder":"14.188.0-FUI-2012-tabulator.1","@genesislcap/foundation-testing":"14.188.0-FUI-2012-tabulator.1","@genesislcap/uvu-playwright-builder":"14.188.0-FUI-2012-tabulator.1"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.188.0-FUI-2012-tabulator.1_1718700053951_0.6082898516749187","host":"s3://npm-registry-packages"}},"14.188.0-FUI-2012-tabulator.2":{"name":"@genesislcap/foundation-services-status","version":"14.188.0-FUI-2012-tabulator.2","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.188.0-FUI-2012-tabulator.2","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"1b2e438800c3ddaf6bceaf5092087b8ccafb232e","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.188.0-FUI-2012-tabulator.2.tgz","fileCount":79,"integrity":"sha512-yBIYPZvyXm2KGBxd0An462dngdHfRTH+lrbkZ0W6LNensFyJWecX10Jq+olxn1yXcG/0InHHVJ8CPJd5PExJSw==","signatures":[{"sig":"MEUCIQDbSA1ayGjepbo9v6w3IZVMSWg64ndwPHzYksEisqtF7QIgTCz0/235v+f2dGcLEwv9Dfkpk43nVyUqz0lpWpdkjdE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130875},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","madge":{"detectiveOptions":{"ts":{"skipTypeImports":true}}},"types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"9ae04c76af3465f40001c4de1918f289389708c3","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","circular":"npx -y madge --extensions ts --circular ./src","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.188.0-FUI-2012-tabulator.2","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.188.0-FUI-2012-tabulator.2","@genesislcap/foundation-comms":"14.188.0-FUI-2012-tabulator.2","@genesislcap/foundation-utils":"14.188.0-FUI-2012-tabulator.2","@genesislcap/foundation-logger":"14.188.0-FUI-2012-tabulator.2"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^5.0.0","@genesislcap/genx":"14.188.0-FUI-2012-tabulator.2","@genesislcap/ts-builder":"14.188.0-FUI-2012-tabulator.2","@genesislcap/vite-builder":"14.188.0-FUI-2012-tabulator.2","@genesislcap/rollup-builder":"14.188.0-FUI-2012-tabulator.2","@genesislcap/webpack-builder":"14.188.0-FUI-2012-tabulator.2","@genesislcap/foundation-testing":"14.188.0-FUI-2012-tabulator.2","@genesislcap/uvu-playwright-builder":"14.188.0-FUI-2012-tabulator.2"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.188.0-FUI-2012-tabulator.2_1718702672015_0.795605466128773","host":"s3://npm-registry-packages"}},"14.188.0-FUI-2012-tabulator.3":{"name":"@genesislcap/foundation-services-status","version":"14.188.0-FUI-2012-tabulator.3","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.188.0-FUI-2012-tabulator.3","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"7171b7bb62b5acc389668915a6eb91b152d95a7c","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.188.0-FUI-2012-tabulator.3.tgz","fileCount":79,"integrity":"sha512-yAX+xPqIMMaRY697Jz+EOg1RbcVQiSv+UlKitq5vtoLPhifiNzeNIYrcisJNq4040bcx7IOYTY15P2u11RwARg==","signatures":[{"sig":"MEQCIFq4qtvls0+lyTiHtne1vL6lEJEnZqvvyQyTQFH65rPuAiBhh/bUm5o2sKX53Wy5/pUR9KOrFryUckpg/OhZ8c40GQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130875},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","madge":{"detectiveOptions":{"ts":{"skipTypeImports":true}}},"types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"8bfd6024bb20faa98b685be48c2b2b659af2e3cd","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","circular":"npx -y madge --extensions ts --circular ./src","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.188.0-FUI-2012-tabulator.3","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.188.0-FUI-2012-tabulator.3","@genesislcap/foundation-comms":"14.188.0-FUI-2012-tabulator.3","@genesislcap/foundation-utils":"14.188.0-FUI-2012-tabulator.3","@genesislcap/foundation-logger":"14.188.0-FUI-2012-tabulator.3"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^5.0.0","@genesislcap/genx":"14.188.0-FUI-2012-tabulator.3","@genesislcap/ts-builder":"14.188.0-FUI-2012-tabulator.3","@genesislcap/vite-builder":"14.188.0-FUI-2012-tabulator.3","@genesislcap/rollup-builder":"14.188.0-FUI-2012-tabulator.3","@genesislcap/webpack-builder":"14.188.0-FUI-2012-tabulator.3","@genesislcap/foundation-testing":"14.188.0-FUI-2012-tabulator.3","@genesislcap/uvu-playwright-builder":"14.188.0-FUI-2012-tabulator.3"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.188.0-FUI-2012-tabulator.3_1718716622954_0.6428106016783564","host":"s3://npm-registry-packages"}},"14.188.0-FUI-2012-tabulator.4":{"name":"@genesislcap/foundation-services-status","version":"14.188.0-FUI-2012-tabulator.4","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.188.0-FUI-2012-tabulator.4","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"96f3a2aa0715e9f26d9819279ee56046877de8d3","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.188.0-FUI-2012-tabulator.4.tgz","fileCount":79,"integrity":"sha512-SxbibM/spI6hF169p/Vtze2VQ+pfuE4lbCT02COxODsOfs/EbfydUWG1Y/0pVsKuUm1GBqJKiQjRZ5m/XWKftQ==","signatures":[{"sig":"MEUCIFbN4AbShnQxQG8RCrrjvyi9dAGDd/uwZNzyzhULARFOAiEA8LDvSIa+3veWY3Axs0wzae2q3vZJ/CHJ4JOy0vWUcas=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130875},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","madge":{"detectiveOptions":{"ts":{"skipTypeImports":true}}},"types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"9f03d074b0d18c3e7b926ac811c8d172e98b4276","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","circular":"npx -y madge --extensions ts --circular ./src","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.188.0-FUI-2012-tabulator.4","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.188.0-FUI-2012-tabulator.4","@genesislcap/foundation-comms":"14.188.0-FUI-2012-tabulator.4","@genesislcap/foundation-utils":"14.188.0-FUI-2012-tabulator.4","@genesislcap/foundation-logger":"14.188.0-FUI-2012-tabulator.4"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^5.0.0","@genesislcap/genx":"14.188.0-FUI-2012-tabulator.4","@genesislcap/ts-builder":"14.188.0-FUI-2012-tabulator.4","@genesislcap/vite-builder":"14.188.0-FUI-2012-tabulator.4","@genesislcap/rollup-builder":"14.188.0-FUI-2012-tabulator.4","@genesislcap/webpack-builder":"14.188.0-FUI-2012-tabulator.4","@genesislcap/foundation-testing":"14.188.0-FUI-2012-tabulator.4","@genesislcap/uvu-playwright-builder":"14.188.0-FUI-2012-tabulator.4"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.188.0-FUI-2012-tabulator.4_1718725446446_0.9929617892529272","host":"s3://npm-registry-packages"}},"14.188.0-FUI-2012-tabulator.5":{"name":"@genesislcap/foundation-services-status","version":"14.188.0-FUI-2012-tabulator.5","license":"SEE LICENSE IN license.txt","_id":"@genesislcap/foundation-services-status@14.188.0-FUI-2012-tabulator.5","maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"dist":{"shasum":"d5c8c5c2129f161c235f5bd5ef1b9ee4aedd4cd0","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.188.0-FUI-2012-tabulator.5.tgz","fileCount":79,"integrity":"sha512-4EITi9pxjMGTelQDuAtCFtcmQfaI5ovO++7p+WDkMwSe/WznAfp+q+yxHMP8RwmIxW3wEfoc1vCgz6T7ZuzxkA==","signatures":[{"sig":"MEQCIB7nPZ/pVHMZzBc8gHUbEU25LFJxpiZheaJg98Bbbt+vAiAQCyR8D5NNSna6A5Y4VrSoeMhR6KeoDDm+EevQl8jmDQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":130875},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"main":"dist/esm/index.js","madge":{"detectiveOptions":{"ts":{"skipTypeImports":true}}},"types":"dist/foundation-services-status.d.ts","config":{"PORT":5030},"readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","engines":{"node":">=20.0.0"},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"gitHead":"498e3b4c3e660faca3eec633e3fe95b9ff390283","scripts":{"dev":"genx dev -b webpack","test":"genx test","build":"genx build -b ts","clean":"rimraf dist tsconfig.tsbuildinfo","serve":"genx serve","circular":"npx -y madge --extensions ts --circular ./src","dev:https":"genx dev --https -b webpack","test:debug":"genx test --debug","dev:no-open":"genx dev --no-open -b webpack","build:webpack":"genx build","test:coverage":"genx test --coverage","test:unit:watch":"genx test --watch","test:unit:browser":"genx test --browser","build:webpack:stats":"genx analyze","test:coverage:browser":"genx test --coverage --browser","test:unit:browser:watch":"genx test --browser --watch"},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","description":"Genesis Foundation Errors Handlers","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.1","@microsoft/fast-router":"^0.4.8","@microsoft/fast-element":"^1.12.0","@genesislcap/foundation-ui":"14.188.0-FUI-2012-tabulator.5","@microsoft/fast-foundation":"^2.49.4","@genesislcap/foundation-zero":"14.188.0-FUI-2012-tabulator.5","@genesislcap/foundation-comms":"14.188.0-FUI-2012-tabulator.5","@genesislcap/foundation-utils":"14.188.0-FUI-2012-tabulator.5","@genesislcap/foundation-logger":"14.188.0-FUI-2012-tabulator.5"},"publishConfig":{"access":"public"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"_hasShrinkwrap":false,"customElements":"dist/custom-elements.json","readmeFilename":"README.md","devDependencies":{"rimraf":"^5.0.0","@genesislcap/genx":"14.188.0-FUI-2012-tabulator.5","@genesislcap/ts-builder":"14.188.0-FUI-2012-tabulator.5","@genesislcap/vite-builder":"14.188.0-FUI-2012-tabulator.5","@genesislcap/rollup-builder":"14.188.0-FUI-2012-tabulator.5","@genesislcap/webpack-builder":"14.188.0-FUI-2012-tabulator.5","@genesislcap/foundation-testing":"14.188.0-FUI-2012-tabulator.5","@genesislcap/uvu-playwright-builder":"14.188.0-FUI-2012-tabulator.5"},"_npmOperationalInternal":{"tmp":"tmp/foundation-services-status_14.188.0-FUI-2012-tabulator.5_1718793102464_0.2895030176879829","host":"s3://npm-registry-packages"}},"14.188.0-FUI-2012-tabulator.7":{"name":"@genesislcap/foundation-services-status","description":"Genesis Foundation Errors Handlers","version":"14.188.0-FUI-2012-tabulator.7","license":"SEE LICENSE IN license.txt","main":"dist/esm/index.js","types":"dist/foundation-services-status.d.ts","engines":{"node":">=20.0.0"},"config":{"PORT":5030},"genx":{"app":{"rootElement":"foundation-services-status"},"federation":{"remotes":["@genesislcap/foundation-zero"]}},"exports":{".":{"types":"./dist/foundation-services-status.d.ts","default":"./dist/esm/index.js"},"./e2e":{"default":"./test/e2e/index.ts"},"./package.json":"./package.json"},"typesVersions":{"*":{"e2e":["./test/e2e/index.ts"]}},"scripts":{"build":"genx build -b ts","build:webpack":"genx build","build:webpack:stats":"genx analyze","circular":"npx -y madge --extensions ts --circular ./src","clean":"rimraf dist tsconfig.tsbuildinfo","dev":"genx dev -b webpack","dev:no-open":"genx dev --no-open -b webpack","dev:https":"genx dev --https -b webpack","serve":"genx serve","test":"genx test","test:coverage":"genx test --coverage","test:coverage:browser":"genx test --coverage --browser","test:unit:browser":"genx test --browser","test:unit:browser:watch":"genx test --browser --watch","test:unit:watch":"genx test --watch","test:debug":"genx test --debug"},"madge":{"detectiveOptions":{"ts":{"skipTypeImports":true}}},"devDependencies":{"@genesislcap/foundation-testing":"14.188.0-FUI-2012-tabulator.7","@genesislcap/genx":"14.188.0-FUI-2012-tabulator.7","@genesislcap/rollup-builder":"14.188.0-FUI-2012-tabulator.7","@genesislcap/ts-builder":"14.188.0-FUI-2012-tabulator.7","@genesislcap/uvu-playwright-builder":"14.188.0-FUI-2012-tabulator.7","@genesislcap/vite-builder":"14.188.0-FUI-2012-tabulator.7","@genesislcap/webpack-builder":"14.188.0-FUI-2012-tabulator.7","rimraf":"^5.0.0"},"dependencies":{"@genesislcap/foundation-comms":"14.188.0-FUI-2012-tabulator.7","@genesislcap/foundation-logger":"14.188.0-FUI-2012-tabulator.7","@genesislcap/foundation-ui":"14.188.0-FUI-2012-tabulator.7","@genesislcap/foundation-utils":"14.188.0-FUI-2012-tabulator.7","@genesislcap/foundation-zero":"14.188.0-FUI-2012-tabulator.7","@microsoft/fast-element":"^1.12.0","@microsoft/fast-foundation":"^2.49.4","@microsoft/fast-router":"^0.4.8","tslib":"^2.3.1"},"repository":{"type":"git","url":"git+https://github.com/genesislcap/foundation-ui.git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"publishConfig":{"access":"public"},"customElements":"dist/custom-elements.json","gitHead":"cf5b0a682e558a3d1a97c8b55fcb746d0bd7ba29","readme":"\n# Genesis Foundation ServiceStatus Component Documentation\n\n## [API Docs](./docs/api/index.md)\n\n## Overview\n\nThe `ServiceStatus` component is designed to display real-time status updates for various services within your application. It listens for status changes from a backend data source and presents these updates through customizable messages.\n\n## Display Status Types\n\nThe component can display two types of service status messages:\n\n- **Restored:** Indicates a service that was previously down or unavailable is now back online and functioning normally.\n- **Failed:** Signifies a service is currently experiencing issues, such as an outage or technical difficulties.\n\n## Events Emitted\n\n`ServiceStatus` emits several custom events to notify other parts of your application about status changes:\n\n- `servicesChanged`: Fired when there's any change in the service messages array, indicating an addition or removal of service status messages.\n- `serviceFail`: Dispatched when a service changes its status to failed.\n- `serviceRestored`: Dispatched when a service changes its status to restored.\n\n## Slots\n\nThis component uses the default slot to dynamically insert service status messages based on the current service states.\n\n## Example Usage\n\nHere's how to use the `ServiceStatus` component with different attributes for customization:\n\n```html\n<zero-services-status \n  resource-name=\"ALL_PROCESSES_STATUS\"\n  auto-close=\"true\"\n  close-timeout=\"10000\"\n  max-messages=\"1\">\n</zero-services-status>\n```\n\n- `resource-name`: Specifies the resource to monitor for status updates.\n- `auto-close`: Enables or disables automatic closing of status messages.\n- `close-timeout`: Determines the timeout duration (in milliseconds) before a message is automatically closed.\n- `max-messages`: Limits the number of messages displayed at any given time.\n- `message-restored`: Specifies the message to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `message-failed`: Specifies the message to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-restored`: Specifies the title to be displayed when a service is restored. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n- `title-failed`: Specifies the title to be displayed when a service is experiencing technical difficulties. The placeholder [SERVICE_NAME] or [SERVICE_ID] can be used to dynamically insert the name or id of the service.\n\n## CSS Customization and Variables\n\nThe `ServiceStatus` component is styled using CSS variables, allowing for extensive customization. Here are some of the variables you can override:\n\n## CSS Variables Description\n\n- `--service-status-success-text-color`: Sets the text color for successful service status messages, ensuring optimal readability against the background. Default is `#fff` (white).\n\n- `--service-status-success-bg-color`: Defines the background color for successful (restored or operational) service status messages. The default `#2b4c42` is a dark green, indicating success.\n\n- `--service-status-success-border-color`: Determines the border color for successful service status messages, providing a visual indicator of message status. The default `#48e89a` is a lighter green, complementing the background color.\n\n- `--service-status-failed-bg-color`: Specifies the background color for failed service status messages, signaling an error or problem. The default `#7c6040` is a muted brown, indicating an issue.\n\n- `--service-status-failed-border-color`: Controls the border color for failed service status messages. The default `#ffb660` is a contrasting orange, drawing attention to the message.\n\n- `--serivce-status-width`: Sets the width of the service status messages, calculated dynamically to fit within its container while allowing for padding. The calculation `calc(100% - (var(--design-unit) * 2px))` ensures consistent spacing.\n\n- `--serivce-status-left`: Adjusts the left position of the service status messages, ensuring proper alignment within its container. The calculation `calc(var(--design-unit) * 1px)` is used for slight offsetting.\n\nYou can redefine these variables in your CSS to match your application's theme:\n\n```css\nzero-services-status {\n  --service-status-success-bg-color: #4caf50;\n  --service-status-failed-bg-color: #f44336;\n}\n```\n\n## Installation and Usage\n\n### Installation\n\nTo integrate the `ServiceStatus` component into your application, you need to first add it to your project. Assuming you're using a package manager like npm or yarn, you can import the component by adding `@genesislcap/foundation-services-status` to your dependencies:\n\n```bash\nnpm install @genesislcap/foundation-services-status\n# or\nyarn add @genesislcap/foundation-services-status\n```\n\n### Importing the Component\n\nOnce installed, you can import the `ServiceStatus` component into your application like so:\n\n```javascript\nimport { ServicesStatus } from '@genesislcap/foundation-services-status';\n\nServicesStatus;\n```\n\nThis makes the `ServicesStatus` component available for use in your project.\n\n### Using the Component\n\nAfter importing, you can use the `ServiceStatus` component, specifically its `zero-services-status` element, in your application's HTML or template files:\n\n```html\n<zero-services-status auto-close=\"false\"></zero-services-status>\n```\n\nThis example uses the `zero-services-status` custom element with the `auto-close` attribute set to `false`. Customize these attributes based on your application's requirements.\n\n### Summary\n\nBy following these installation and usage instructions, you can easily integrate and utilize the `ServiceStatus` component within your application to display real-time service status messages. Whenever you change the dependencies of your project, ensure you run the `$ npm run bootstrap` command again. You can find more information in the [package.json basics](https://learn.genesis.global/secure/web/basics/package-json-basics/) page.\n\n## License\n\nNote: this project provides front-end dependencies and uses licensed components listed in the next section; thus, licenses for those components are required during development. Contact [Genesis Global](https://genesis.global/contact-us/) for more details.\n\n### Licensed components\nGenesis low-code platform\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"homepage":"https://github.com/genesislcap/foundation-ui#readme","_id":"@genesislcap/foundation-services-status@14.188.0-FUI-2012-tabulator.7","_nodeVersion":"20.14.0","_npmVersion":"lerna/6.6.2/node@v20.14.0+x64 (linux)","dist":{"integrity":"sha512-YyiGFBwXXT+iiIHIUvZ+UNDyEey16ve1bvuDNcSSXrBN60W/OnTuqVnjZ2ouW01Jj79+N7svk3k3daNF2km5wA==","shasum":"b5e139dd090807ab41847d63b105bff63b6ad6d1","tarball":"https://registry.npmjs.org/@genesislcap/foundation-services-status/-/foundation-services-status-14.188.0-FUI-2012-tabulator.7.tgz","fileCount":79,"unpackedSize":130875,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDOXbYZsWshzRGH0SO2q/Dcpq5YBj3fb+h8A2LZ4s2zsgIhAPC1ittprJ8XMEgG8g1nYkTOLf0c+ilyL1L0ihxuAsdA"}]},"_npmUser":{"name":"genesisnpm","email":"npm.hosting@genesis.global"},"directories":{},"maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/foundation-services-status_14.188.0-FUI-2012-tabulator.7_1718871254825_0.5364138002110628"},"_hasShrinkwrap":false}},"time":{"created":"2024-04-08T16:57:23.710Z","modified":"2024-06-20T08:14:15.186Z","14.167.0":"2024-04-08T16:57:24.017Z","14.167.1-alpha-b66e0bd.0":"2024-04-09T10:40:49.741Z","14.167.1":"2024-04-09T11:48:58.106Z","14.167.1-genc-279.1":"2024-04-09T12:35:24.242Z","14.167.1-genc-279.2":"2024-04-09T13:07:17.467Z","14.167.2":"2024-04-09T13:58:12.554Z","14.167.3-alpha-b40d1e5.0":"2024-04-10T17:06:57.066Z","14.167.3-alpha-69ba23f.0":"2024-04-10T19:32:41.433Z","14.168.0":"2024-04-11T00:43:58.518Z","14.169.0":"2024-04-11T14:45:51.996Z","14.170.0":"2024-04-11T15:56:27.945Z","14.170.0-genxgit.1":"2024-04-15T14:11:00.621Z","14.170.1-alpha-2fe40dd.0":"2024-04-15T14:43:21.531Z","14.171.0":"2024-04-15T14:54:59.774Z","14.171.0-fdc3-grid-action-renderer.1":"2024-04-16T10:22:03.404Z","14.172.0":"2024-04-16T11:22:53.096Z","14.172.1-alpha-30b1afc.0":"2024-04-19T08:26:29.639Z","14.172.1":"2024-04-19T08:53:28.804Z","14.172.2":"2024-04-19T13:47:10.953Z","14.172.2-PA-1208.2":"2024-04-23T10:39:27.294Z","14.172.3":"2024-04-24T16:24:24.266Z","14.173.0":"2024-04-25T07:35:47.102Z","14.173.1":"2024-04-25T08:28:50.435Z","14.173.2-alpha-090e5e7.0":"2024-04-26T13:11:11.496Z","14.173.2":"2024-04-26T14:15:27.610Z","14.173.2-genc-374.1":"2024-04-29T08:07:47.054Z","14.173.3":"2024-04-30T11:43:15.382Z","14.173.2-genc-376.1":"2024-05-01T09:03:31.216Z","14.173.4":"2024-05-03T12:58:36.890Z","14.174.0":"2024-05-07T09:25:57.162Z","14.175.0":"2024-05-07T11:21:49.081Z","14.176.0":"2024-05-07T13:55:15.159Z","14.176.1-alpha-6ef4895.0":"2024-05-07T23:29:11.920Z","14.176.1-alpha-ed9e3d4.0":"2024-05-08T14:49:56.649Z","14.177.0":"2024-05-08T17:45:49.709Z","14.177.1":"2024-05-10T15:43:41.496Z","14.177.2-alpha-f467137.0":"2024-05-10T21:23:53.808Z","14.177.0-raise-intent.1":"2024-05-13T06:36:09.286Z","14.177.0-raise-intent.2":"2024-05-13T08:38:22.319Z","14.177.1-raise-intent.3":"2024-05-13T09:03:08.587Z","14.177.2-alpha-ca0c7658ab2.0":"2024-05-13T10:09:28.186Z","14.177.0-raise-intent.3":"2024-05-13T13:47:08.832Z","14.177.2":"2024-05-13T15:23:02.233Z","14.177.3":"2024-05-15T14:18:01.317Z","14.178.0":"2024-05-16T11:42:11.683Z","14.179.0":"2024-05-17T07:04:31.656Z","14.180.0":"2024-05-17T18:51:11.127Z","14.180.1":"2024-05-18T15:54:40.493Z","14.180.1-GENC-376.1":"2024-05-20T09:59:10.527Z","14.180.1-GENC-376.2":"2024-05-20T15:36:32.475Z","14.180.1-GENC-376.4":"2024-05-20T16:32:18.780Z","14.180.2":"2024-05-20T17:07:30.768Z","14.180.3":"2024-05-20T20:02:25.964Z","14.180.4":"2024-05-21T14:10:42.230Z","14.180.5":"2024-05-21T15:57:08.852Z","14.180.6":"2024-05-22T14:14:01.733Z","14.180.7":"2024-05-22T18:16:56.838Z","14.180.8":"2024-05-23T16:30:45.403Z","14.181.0":"2024-05-24T09:55:38.267Z","14.181.1-alpha-89be4c2.0":"2024-05-24T14:33:17.346Z","14.181.1":"2024-05-24T17:17:19.237Z","14.182.0":"2024-05-28T11:55:28.365Z","14.182.0-PA-1226.1":"2024-05-28T15:21:12.915Z","14.182.1":"2024-05-28T16:04:58.138Z","14.182.0-pa-1226.2":"2024-05-28T16:41:29.675Z","14.182.2":"2024-05-28T16:50:30.220Z","14.182.3-alpha-75765564b4e.0":"2024-05-28T17:48:04.895Z","14.182.3-alpha-287cf40.0":"2024-05-29T12:33:35.440Z","14.183.0":"2024-05-29T13:43:22.620Z","14.183.1":"2024-05-29T15:37:51.515Z","14.183.2":"2024-05-29T16:45:15.731Z","14.183.3":"2024-05-30T09:10:05.038Z","14.183.0-pa-1217.1":"2024-05-30T09:33:39.627Z","14.183.4":"2024-05-30T10:03:53.744Z","14.183.5":"2024-05-30T16:00:31.310Z","14.183.6":"2024-06-04T09:17:32.656Z","14.183.7-alpha-ed1fe01.0":"2024-06-04T17:37:03.480Z","14.183.7":"2024-06-04T18:14:47.815Z","14.183.8-alpha-b447c11.0":"2024-06-05T20:50:05.407Z","14.183.8-alpha-2bee32d.0":"2024-06-06T09:52:21.853Z","14.183.8-alpha-42eb620.0":"2024-06-06T10:25:50.464Z","14.183.8-alpha-a6f12fb.0":"2024-06-06T11:20:37.457Z","14.183.8-alpha-63f9910.0":"2024-06-06T11:59:33.202Z","14.184.0":"2024-06-06T13:10:04.970Z","14.185.0":"2024-06-12T09:39:00.972Z","14.186.0":"2024-06-13T14:23:37.063Z","14.186.1-alpha-1d915d4.0":"2024-06-13T16:46:46.409Z","14.186.1":"2024-06-13T18:55:45.322Z","14.187.0":"2024-06-14T09:44:05.084Z","14.187.1":"2024-06-14T15:15:59.860Z","14.187.1-accessibility.1":"2024-06-14T16:09:25.112Z","14.187.1-alpha-3406925.0":"2024-06-14T16:59:40.337Z","14.188.0":"2024-06-15T12:55:35.834Z","14.188.0-FUI-2012.1":"2024-06-17T14:11:36.484Z","14.188.0-fui-2012.2":"2024-06-18T06:57:04.782Z","14.188.0-FUI-2012-tabulator.1":"2024-06-18T08:40:54.107Z","14.188.0-FUI-2012-tabulator.2":"2024-06-18T09:24:32.172Z","14.188.0-FUI-2012-tabulator.3":"2024-06-18T13:17:03.142Z","14.188.0-FUI-2012-tabulator.4":"2024-06-18T15:44:06.640Z","14.188.0-FUI-2012-tabulator.5":"2024-06-19T10:31:42.603Z","14.188.0-FUI-2012-tabulator.7":"2024-06-20T08:14:15.008Z"},"maintainers":[{"name":"genesisnpm","email":"npm.hosting@genesis.global"}],"repository":{"url":"git+https://github.com/genesislcap/foundation-ui.git","type":"git","directory":"packages/foundation/foundation-mf/foundation-services-status"},"license":"SEE LICENSE IN license.txt","homepage":"https://github.com/genesislcap/foundation-ui#readme","bugs":{"url":"https://github.com/genesislcap/foundation-ui/issues"},"readme":"","readmeFilename":""}