@onemrvapublic/design-system 22.0.0-develop.8 → 22.0.0

package/README.md

@@ -33,12 +33,92 @@ If you need access to our design system board, send us a message.
 @Bram Decuypere (NL / EN)
 ## Changelog
 
-### 22.0.0-develop.8
-
-# [22.0.0-develop.8](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/compare/v22.0.0-develop.7...v22.0.0-develop.8) (2026-06-22)
+### 22.0.0
+
+# [22.0.0](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/compare/v21.8.1...v22.0.0) (2026-08-05)
+
+
+### Bug Fixes
+
+* **mcp-server:** accept ?project= for clients that drop headers ([cdf9a09](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/cdf9a09f413a537cd16c311f85f32d3a8dee5301))
+* **playwright:** accept corp-CA CDN cert on CI so brand fonts load ([54f81e2](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/54f81e2b72c8334674fd3a53eb53db7deda04352))
+* **form-field:** collapse empty subscript space when no hint or error ([312b38b](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/312b38b23f544bda8e88cb79a1010e22e2d4840b))
+* **mcp:** correct package.json files array ([998a3e1](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/998a3e1ce54cd3c82a256847a10812b339eeb7c9))
+* **mcp:** decouple server from the design-system source tree ([b89db56](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/b89db56d938b77b56f2de9c258d37f946f0a0919))
+* demo files translate fail ([fafe146](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/fafe1461f951bdc55b5db360ec1c4f0342690310))
+* **timeline:** drop invalid TranslateModule import and redundant optional chain ([a988299](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/a98829939d4c1467eb6365188cf8b7e307bc2d7c))
+* **mcp-server:** drop stale mapping cache, contain repo-analyzer include patterns ([46cb47d](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/46cb47d07e3fb766fb52cd4d3bd03728d18ff1a9))
+* **form-field:** drop subscript guard that shifted visual baselines ([44db358](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/44db35885e0bf4044ae5b08fa0d3cc1b17c28894))
+* **mcp-server:** ds_install resolves published tag, peers, styles, fonts; content-slot usage ([f6e4a0a](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/f6e4a0a3273b6a97d6931ab48d664d9de975ad47))
+* ensure ngx translate update ([82bbd15](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/82bbd15d5956701b440a76aa9fcd2690496b39b3))
+* ensure ngx translate update ([d3f1d05](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/d3f1d0558c342921e61be6ac3379c8b20e9ab9e3))
+* ensure ngx translate update ([658c8ac](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/658c8ac5ec80b3fa9993e116950f4ed422eddc2b))
+* ensure ngx translate update ([455338b](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/455338bf3b6b1180399d85557e853b0d11babb13))
+* fix dependency version for ngx-mask ([9c65014](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/9c6501498c89a539693c3e73b943e82ef5519f40))
+* fix peer dependency ([42e5c01](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/42e5c01d8403ed25cc65bb417e386f2a5a5ea460))
+* **playwright:** fix playwright ([fcef0f9](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/fcef0f945ad49e3318f96ce92946497315dd060a))
+* **card:** fix the demos of onemrva-card ([c26c28a](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/c26c28aea0775e2ecbc48fc5c6782c38ac68b8c6))
+* **card:** fix the demos ([bd40292](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/bd40292727949d895bc1cff5b95f87ee2f4ac3e6))
+* **mcp-server:** harden sync scripts (atomic IDE-config, safe figma-sync failure/proxy) + tests ([5d40d6a](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/5d40d6aa2cdd12812d94794cffbeea2f33c2d399))
+* **mcp-server:** honor -Duser.home so jetbrains config lands where the ide reads it ([ecc8a39](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/ecc8a39e6edcddab39f82fc4b4ff7d475195ce32))
+* **mcp:** improve JSDoc parsing and natural language search ([5f88c71](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/5f88c71a2e1d378e95130844fa61f849dea3a7f9))
+* **translations:** improve managing of translations from DS ([7b8370c](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/7b8370c000f6fdf04586489a0f99a85e9e8245eb))
+* improve teams automations message ([d46ee95](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/d46ee959a56166079836540af93dc85c4df348e4))
+* **mcp-server:** jetbrains setup writes global ~/.ai/mcp/mcp.json plus .idea/mcp.json ([6820469](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/6820469ab209404b50391d737b5bd10af047508e))
+* **mat-tooltip:** left-align tooltip text ([97b0875](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/97b0875e40e60e8a90abb3c1a78f2f264fe1f3a2))
+* **demos:** load component translations in the demo bundle ([f53e612](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/f53e612eda9e87b417225d918e5f5e4ae697aa4b))
+* **mcp-server:** open /mcp, keyed admin metrics, harden release flow ([fc21ff2](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/fc21ff2411e72ef3974ae53e91b6e73eef6bbf3e))
+* playwright runner issues ([efde8a7](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/efde8a7b910617944fb3bc731ce3c8559d01a383))
+* playwright vault ([078240a](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/078240aecf582a047b1cbb1af5ccf31a4fcc695c))
+* **translations:** read currentLang signal in date adapters, dedupe demo i18n reload ([1cb7853](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/1cb78539b04dcb35501af00b5590281a56771e9e))
+* **mcp-server:** reject Windows+POSIX absolute include patterns (CI + Linux host) ([99fdadf](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/99fdadf970b5f1667b83a2a0593b1b327f44151a))
+* **test:** remove duplicate provideTranslateService ([b8f84d5](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/b8f84d52bf18d65c2ea20e897e071f667fcb729c))
+* **playwright:** replace custom screenshot logic with toHaveScreenshot ([4aedfcb](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/4aedfcbf517afb5234b337977e2151f02cccca48))
+* **mcp:** resolve CSS/Sass code syntax for design tokens ([acb24ba](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/acb24ba82aca7e6eb8ff1e3c6ff39d02609661a6))
+* **mcp-server:** setup writes .idea/mcp.json and never emits a broken local entry ([bbda026](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/bbda026ad6d6f39548c1192ab7a24341aebacbda))
+* **table:** start zebra striping on the first row ([656e602](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/656e60204e8b61b9136f356a51f0c521d9c16703))
+* **mcp-server:** steer content projection over label/text inputs in component docs and lint ([0b79cf2](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/0b79cf2fe10ea331be5a3f613b5ecb865f5dde86))
+* **colors:** surface lowest container ([6a14a5e](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/6a14a5efe007bfc752fe66c5edd07245131a1a82))
+* **colors:** surface lowest container ([6227d9f](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/6227d9fe106dfb5185c96b111d9072423a11e973))
+* **mcp-server:** sync package-lock for CI ([@emnapi](https://rvaonem.ghe.com/emnapi) entries) ([ec8d3b3](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/ec8d3b3b91dfc3d898d6e01bbd125452fa690e5f))
+* **translations:** tolerate absent currentLang in adapters, mock it as a signal in specs ([c2eec1b](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/c2eec1bfa8469969a4e096f87e91ea03580d6299))
+* **progress-bar:** update demo ([4085139](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/40851395e2f6520f7fd8271d1ba958c4aac85c63))
+* update peerDependency ranges and adjust Playwright ([0284a18](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/0284a18256573f4bcf60df79d64bb5d1a7205d22))
+* **table:** use body-large font for header row ([a0059d6](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/a0059d66b293cbac37fed970d19e6b333e5c3631))
+* **mat-paginator:** use label-medium text and hide page-size select arrow ([218ae25](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/218ae253f8422ccba0a48bfe3bf5395c53e9834e))
+* **select:** use label-small for select all/deselect all (DS-551) ([7bef230](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/7bef23094485003ac86cb27447823a7c849267f7))
+* **mcp-server:** use npm install in CI (cross-platform lock) ([99178ef](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/99178ef2aa735fc539bd7ca766758bd46c7f1d29))
+* **ci:** use npm install in refresh-mcp-data (cross-platform lock) ([3f9e187](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/3f9e187cd668b8520cbd99ebd6e5620703720076))
+* **playwright:** wait for brand fonts before screenshots + font guard ([dc76019](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/dc76019e66a9acc4ffcf2dac5f0c12a75823dc4a))
+* **mcp-server:** write JetBrains config to .idea/mcp.json ([4108c22](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/4108c22412ac1a7a185eb7ddde7b432dbb9bc065))
 
 
 ### Features
 
+* **mcp-server:** add developer-assist tools (lint, forms, install & upgrade guides) ([5a502f8](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/5a502f89be4fec2b168a0309cbc5f208efb2a60e))
+* **timeline:** add en, fr, nl and de translations ([cfef4bb](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/cfef4bbc445eb760c2b1130ebf40dc834ff54a97))
+* **mcp-server:** add Figma sync pipeline and harden runtime with local-first demo setup ([423782c](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/423782c1c36a0050d5db0e04cf3271c4b926dd58))
+* **timeline:** add full-size mode and refine layout, models and docs ([e794eec](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/e794eecf1caf7be432687cf8a862347cd7f14cb6))
+* **ds:** add JSDoc to all DS Angular components ([895e914](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/895e9148aa7df477a37fae595850861ac5cb9174))
+* **mcp:** add MCP server with design system tooling support ([a8bd0a0](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/a8bd0a0139b43245e422a2e2eaba522782a967f1))
+* **mcp-server:** add test coverage and fix getByCategory bug ([8145006](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/81450069f25bca828faa66339644eda5fbeee298))
+* **mcp-lab:** add the DS live-migrated demo tab ([f859550](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/f8595501e95b541195240655a8f0257791818a4a))
+* **timeline:** add timeline component to design system ([5e05e1f](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/5e05e1f84b7276d8b6e7ab27247bf2c33e52be01))
+* **mcp-server:** capture caller repo in usage metrics via X-Project header ([a934239](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/a93423907f95efd3249b5155043d49c3e82e904d))
+* **angular:** chore upgrade angular ([df1bac7](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/df1bac788e69470280b6925c73ccbaa019703279))
+* **mcp-server:** config figma sync + auto config mcp local ([ce6aa0e](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/ce6aa0edf31ae988b51ce5813bea4a4e8528dbc5))
+* **mcp:** demo lab, migration ergonomics, DS card slots ([52a426a](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/52a426a22dd0373df8384cda89a2766f8ccf76cd))
 * **demos:** generate a code-driven demos manifest with auto thumbnails ([012f961](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/012f961075b860c9598b5e299e7fbbfa2199143c))
+* **mcp:** harden migration tooling and add Material lab ([839bcd0](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/839bcd04aa01740254d4944f4660fae7be57c3bc))
+* **mcp-server:** hosted usage metrics + /livez/metrics + deploy docs ([f3e800b](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/f3e800b480422d2fd15a14737d0f6225f32ca054))
+* **mcp-server:** jetbrains setup trusts the OS cert store so IntelliJ works like VS Code ([a6b4274](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/a6b427414fa6181d07f50fa9e819dcc7820bb163))
+* **mcp-server:** refresh Figma sync data and harden DS migration tooling + JsonDOC on DS components ([feeca79](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/feeca79da50941f3c4b2509199a0f4ae5e3332ad))
+* **mcp:** register new tools in getTools() definitions ([f4625fe](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/f4625feb258717190f92741b337bea39a5017e36))
+* **mcp-server:** ship hosted IDE setup as a bin (design-system-mcp-setup) ([0aec8a6](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/0aec8a65771e2b4373a8dc05384ec9856cd8b5c5))
+* upgrade to angular 22 ([7cebb60](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/7cebb607231eea93a26edb980466fbc9925894ba))
+
+
+### BREAKING CHANGES
+
+* the complete set of angular 22 packages is now integrated
 

package/card/src/onemrva-card.component.scss

@@ -106,6 +106,29 @@ onemrva-card {
   gap: var(--quarter-spacer, 0.125rem);
 }
 
+.onemrva-card__avatar {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  margin-right: var(--spacer, 0.5rem);
+
+  &:empty {
+    display: none;
+    margin-right: 0;
+  }
+}
+
+.onemrva-card__content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacer, 0.5rem);
+
+  // Collapse when nothing is projected — keeps image/header-only cards unchanged.
+  &:empty {
+    display: none;
+  }
+}
+
 .onemrva-card__meta {
   flex: 1;
   min-width: 0;

package/fesm2022/onemrvapublic-design-system-card.mjs

@@ -5,18 +5,36 @@ import { MatIconModule } from '@angular/material/icon';
 import * as i2 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 
+/**
+ * Content card with configurable image, border, and fill variants.
+ *
+ * Exposes 12 inputs and 0 outputs.
+ * Inputs: type: 'no-background' | 'outline' | 'background', image, imageSrc, imageAlt, label, title, subtitle, description, helpText, coloredTitle: boolean, textColor: string, width: string.
+ * Outputs: none.
+ *
+ * @MatKeywords card, container, content, surface, panel
+ * @MatGroup Card
+ */
 class OnemrvaCardComponent {
     constructor() {
         /** Visual variant of the card. */
         this.type = input('no-background', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
-        this.image = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "image" }] : /* istanbul ignore next */ []));
-        this.imageSrc = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "imageSrc" }] : /* istanbul ignore next */ []));
+        this.imageSrc = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "imageSrc" }] : /* istanbul ignore next */ []));
         this.imageAlt = input('', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "imageAlt" }] : /* istanbul ignore next */ []));
-        this.hasImage = computed(() => this.image() || !!this.imageSrc()?.trim(), /* @ts-ignore */
+        this.hasImage = computed(() => {
+            if (!this.imageSrc()) {
+                return false;
+            }
+            else if (typeof this.imageSrc() === 'string') {
+                return !!this.imageSrc().trim();
+            }
+            else {
+                return false;
+            }
+        }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hasImage" }] : /* istanbul ignore next */ []));
         this.label = input('', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
@@ -38,10 +56,10 @@ class OnemrvaCardComponent {
         this.width = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: OnemrvaCardComponent, isStandalone: true, selector: "onemrva-card", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, imageSrc: { classPropertyName: "imageSrc", publicName: "imageSrc", isSignal: true, isRequired: false, transformFunction: null }, imageAlt: { classPropertyName: "imageAlt", publicName: "imageAlt", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, coloredTitle: { classPropertyName: "coloredTitle", publicName: "coloredTitle", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.width": "width()", "style.--onemrva-card-text-color": "textColor()", "class.onemrva-card--outline": "type() === \"outline\"", "class.onemrva-card--background": "type() === \"background\"", "class.onemrva-card--no-background": "type() === \"no-background\"", "class.onemrva-card--has-image": "hasImage()", "class.onemrva-card--colored-title": "coloredTitle() === true", "class.onemrva-card--plain-title": "coloredTitle() === false" } }, ngImport: i0, template: "@if (hasImage()) {\n  <div class=\"onemrva-card__image-wrapper\">\n    <img class=\"onemrva-card__image\" [src]=\"imageSrc()\" [alt]=\"imageAlt()\" />\n  </div>\n}\n<div class=\"onemrva-card__body\">\n  <div class=\"onemrva-card__header-row\">\n    <div class=\"onemrva-card__meta\">\n      @if (label()) {\n        <span class=\"onemrva-card__label\">{{ label() }}</span>\n      }\n      @if (title()) {\n        <span class=\"onemrva-card__title\" title=\"\">{{ title() }}</span>\n      }\n      @if (subtitle()) {\n        <span class=\"onemrva-card__subtitle\">{{ subtitle() }}</span>\n      }\n    </div>\n    @if (helpText()) {\n      <button\n        class=\"onemrva-card__help-btn\"\n        type=\"button\"\n        [attr.aria-label]=\"helpText()\"\n        [matTooltip]=\"helpText()\"\n      >\n        <mat-icon>help_outline</mat-icon>\n      </button>\n    }\n  </div>\n  @if (description()) {\n    <p class=\"onemrva-card__description\">{{ description() }}</p>\n  }\n  <div class=\"onemrva-card__actions\">\n    <ng-content select=\"[cardActions]\" />\n  </div>\n</div>\n", styles: ["onemrva-card{display:block;border-radius:var(--border-radius, 16px);background:var(--mat-sys-surface, white);overflow:hidden;transition:box-shadow .2s ease}onemrva-card:hover{box-shadow:0 3px 3px color-mix(in srgb,var(--mat-sys-shadow, #312f3b) 16%,transparent)}onemrva-card.onemrva-card--outline{border:1px solid var(--mat-sys-outline-variant, #d7d5ed)}onemrva-card.onemrva-card--outline .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px) calc(var(--border-radius, 16px) - 4px) 0 0}onemrva-card.onemrva-card--outline .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--background{background:var(--mat-sys-surface-container-low, #f7f2fa)}onemrva-card.onemrva-card--background .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px) calc(var(--border-radius, 16px) - 4px) 0 0}onemrva-card.onemrva-card--background .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--background .onemrva-card__label,onemrva-card.onemrva-card--background .onemrva-card__subtitle,onemrva-card.onemrva-card--background .onemrva-card__description{color:var(--onemrva-card-text-color, var(--mat-sys-on-surface, #242424))}onemrva-card.onemrva-card--background .onemrva-card__help-btn mat-icon{color:var(--onemrva-card-text-color, var(--mat-sys-on-surface, #242424))}onemrva-card.onemrva-card--no-background .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px)}onemrva-card.onemrva-card--colored-title .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--plain-title .onemrva-card__title{background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:unset;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__image-wrapper{height:120px;overflow:hidden;position:relative}.onemrva-card__image{width:100%;height:100%;object-fit:cover;display:block}.onemrva-card__body{display:flex;flex-direction:column;gap:var(--spacer, .5rem);padding:var(--double-spacer, 1rem)}.onemrva-card__header-row{display:flex;align-items:flex-start;gap:var(--quarter-spacer, .125rem)}.onemrva-card__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--quarter-spacer, .125rem)}.onemrva-card__label{display:block;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-label-small-size, .75rem);line-height:var(--mat-sys-label-small-height, 1.125rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__title{display:block;font-family:var(--brand-font, \"Poppins\", sans-serif);font-size:var(--mat-sys-headline-small-size, 1.125rem);line-height:var(--mat-sys-headline-small-height, 2.25rem);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__subtitle{display:block;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-label-small-size, .75rem);line-height:var(--mat-sys-label-small-height, 1.125rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__description{margin:0;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-body-medium-size, 1rem);line-height:var(--mat-sys-body-medium-height, 1.625rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81));display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.onemrva-card__help-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:none;border:none;cursor:pointer}.onemrva-card__help-btn mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__actions{display:flex;align-items:center;gap:var(--triple-spacer, 1.5rem)}.onemrva-card__actions:empty{display:none}.onemrva-card__actions .mat-mdc-icon-button{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-touch-target{width:32px;height:32px}.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-ripple,.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:50%}.onemrva-card__actions .mat-mdc-icon-button .mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: OnemrvaCardComponent, isStandalone: true, selector: "onemrva-card", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, imageSrc: { classPropertyName: "imageSrc", publicName: "imageSrc", isSignal: true, isRequired: false, transformFunction: null }, imageAlt: { classPropertyName: "imageAlt", publicName: "imageAlt", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null }, coloredTitle: { classPropertyName: "coloredTitle", publicName: "coloredTitle", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.width": "width()", "style.--onemrva-card-text-color": "textColor()", "class.onemrva-card--outline": "type() === \"outline\"", "class.onemrva-card--background": "type() === \"background\"", "class.onemrva-card--no-background": "type() === \"no-background\"", "class.onemrva-card--has-image": "hasImage()", "class.onemrva-card--colored-title": "coloredTitle() === true", "class.onemrva-card--plain-title": "coloredTitle() === false" } }, ngImport: i0, template: "@if (hasImage()) {\n  <div class=\"onemrva-card__image-wrapper\">\n    <img class=\"onemrva-card__image\" [src]=\"imageSrc()\" [alt]=\"imageAlt()\" />\n  </div>\n}\n<div class=\"onemrva-card__body\">\n  <div class=\"onemrva-card__header-row\">\n    <div class=\"onemrva-card__avatar\">\n      <ng-content select=\"[cardAvatar]\" />\n    </div>\n    <div class=\"onemrva-card__meta\">\n      @if (label()) {\n        <span class=\"onemrva-card__label\">{{ label() }}</span>\n      }\n      @if (title()) {\n        <span class=\"onemrva-card__title\" title=\"\">{{ title() }}</span>\n      }\n      @if (subtitle()) {\n        <span class=\"onemrva-card__subtitle\">{{ subtitle() }}</span>\n      }\n    </div>\n    @if (helpText()) {\n      <button\n        class=\"onemrva-card__help-btn\"\n        type=\"button\"\n        [attr.aria-label]=\"helpText()\"\n        [matTooltip]=\"helpText()\"\n      >\n        <mat-icon>help_outline</mat-icon>\n      </button>\n    }\n  </div>\n  @if (description()) {\n    <p class=\"onemrva-card__description\">{{ description() }}</p>\n  }\n  <div class=\"onemrva-card__content\">\n    <ng-content />\n  </div>\n  <div class=\"onemrva-card__actions\">\n    <ng-content select=\"[cardActions]\" />\n  </div>\n</div>\n", styles: ["onemrva-card{display:block;border-radius:var(--border-radius, 16px);background:var(--mat-sys-surface, white);overflow:hidden;transition:box-shadow .2s ease}onemrva-card:hover{box-shadow:0 3px 3px color-mix(in srgb,var(--mat-sys-shadow, #312f3b) 16%,transparent)}onemrva-card.onemrva-card--outline{border:1px solid var(--mat-sys-outline-variant, #d7d5ed)}onemrva-card.onemrva-card--outline .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px) calc(var(--border-radius, 16px) - 4px) 0 0}onemrva-card.onemrva-card--outline .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--background{background:var(--mat-sys-surface-container-low, #f7f2fa)}onemrva-card.onemrva-card--background .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px) calc(var(--border-radius, 16px) - 4px) 0 0}onemrva-card.onemrva-card--background .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--background .onemrva-card__label,onemrva-card.onemrva-card--background .onemrva-card__subtitle,onemrva-card.onemrva-card--background .onemrva-card__description{color:var(--onemrva-card-text-color, var(--mat-sys-on-surface, #242424))}onemrva-card.onemrva-card--background .onemrva-card__help-btn mat-icon{color:var(--onemrva-card-text-color, var(--mat-sys-on-surface, #242424))}onemrva-card.onemrva-card--no-background .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px)}onemrva-card.onemrva-card--colored-title .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--plain-title .onemrva-card__title{background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:unset;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__image-wrapper{height:120px;overflow:hidden;position:relative}.onemrva-card__image{width:100%;height:100%;object-fit:cover;display:block}.onemrva-card__body{display:flex;flex-direction:column;gap:var(--spacer, .5rem);padding:var(--double-spacer, 1rem)}.onemrva-card__header-row{display:flex;align-items:flex-start;gap:var(--quarter-spacer, .125rem)}.onemrva-card__avatar{flex-shrink:0;display:flex;align-items:center;margin-right:var(--spacer, .5rem)}.onemrva-card__avatar:empty{display:none;margin-right:0}.onemrva-card__content{display:flex;flex-direction:column;gap:var(--spacer, .5rem)}.onemrva-card__content:empty{display:none}.onemrva-card__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--quarter-spacer, .125rem)}.onemrva-card__label{display:block;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-label-small-size, .75rem);line-height:var(--mat-sys-label-small-height, 1.125rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__title{display:block;font-family:var(--brand-font, \"Poppins\", sans-serif);font-size:var(--mat-sys-headline-small-size, 1.125rem);line-height:var(--mat-sys-headline-small-height, 2.25rem);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__subtitle{display:block;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-label-small-size, .75rem);line-height:var(--mat-sys-label-small-height, 1.125rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__description{margin:0;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-body-medium-size, 1rem);line-height:var(--mat-sys-body-medium-height, 1.625rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81));display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.onemrva-card__help-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:none;border:none;cursor:pointer}.onemrva-card__help-btn mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__actions{display:flex;align-items:center;gap:var(--triple-spacer, 1.5rem)}.onemrva-card__actions:empty{display:none}.onemrva-card__actions .mat-mdc-icon-button{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-touch-target{width:32px;height:32px}.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-ripple,.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:50%}.onemrva-card__actions .mat-mdc-icon-button .mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-card', imports: [MatIconModule, MatTooltipModule], standalone: true, encapsulation: ViewEncapsulation.None, host: {
                         '[style.width]': 'width()',
@@ -52,15 +70,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                         '[class.onemrva-card--has-image]': 'hasImage()',
                         '[class.onemrva-card--colored-title]': 'coloredTitle() === true',
                         '[class.onemrva-card--plain-title]': 'coloredTitle() === false',
-                    }, template: "@if (hasImage()) {\n  <div class=\"onemrva-card__image-wrapper\">\n    <img class=\"onemrva-card__image\" [src]=\"imageSrc()\" [alt]=\"imageAlt()\" />\n  </div>\n}\n<div class=\"onemrva-card__body\">\n  <div class=\"onemrva-card__header-row\">\n    <div class=\"onemrva-card__meta\">\n      @if (label()) {\n        <span class=\"onemrva-card__label\">{{ label() }}</span>\n      }\n      @if (title()) {\n        <span class=\"onemrva-card__title\" title=\"\">{{ title() }}</span>\n      }\n      @if (subtitle()) {\n        <span class=\"onemrva-card__subtitle\">{{ subtitle() }}</span>\n      }\n    </div>\n    @if (helpText()) {\n      <button\n        class=\"onemrva-card__help-btn\"\n        type=\"button\"\n        [attr.aria-label]=\"helpText()\"\n        [matTooltip]=\"helpText()\"\n      >\n        <mat-icon>help_outline</mat-icon>\n      </button>\n    }\n  </div>\n  @if (description()) {\n    <p class=\"onemrva-card__description\">{{ description() }}</p>\n  }\n  <div class=\"onemrva-card__actions\">\n    <ng-content select=\"[cardActions]\" />\n  </div>\n</div>\n", styles: ["onemrva-card{display:block;border-radius:var(--border-radius, 16px);background:var(--mat-sys-surface, white);overflow:hidden;transition:box-shadow .2s ease}onemrva-card:hover{box-shadow:0 3px 3px color-mix(in srgb,var(--mat-sys-shadow, #312f3b) 16%,transparent)}onemrva-card.onemrva-card--outline{border:1px solid var(--mat-sys-outline-variant, #d7d5ed)}onemrva-card.onemrva-card--outline .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px) calc(var(--border-radius, 16px) - 4px) 0 0}onemrva-card.onemrva-card--outline .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--background{background:var(--mat-sys-surface-container-low, #f7f2fa)}onemrva-card.onemrva-card--background .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px) calc(var(--border-radius, 16px) - 4px) 0 0}onemrva-card.onemrva-card--background .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--background .onemrva-card__label,onemrva-card.onemrva-card--background .onemrva-card__subtitle,onemrva-card.onemrva-card--background .onemrva-card__description{color:var(--onemrva-card-text-color, var(--mat-sys-on-surface, #242424))}onemrva-card.onemrva-card--background .onemrva-card__help-btn mat-icon{color:var(--onemrva-card-text-color, var(--mat-sys-on-surface, #242424))}onemrva-card.onemrva-card--no-background .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px)}onemrva-card.onemrva-card--colored-title .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--plain-title .onemrva-card__title{background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:unset;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__image-wrapper{height:120px;overflow:hidden;position:relative}.onemrva-card__image{width:100%;height:100%;object-fit:cover;display:block}.onemrva-card__body{display:flex;flex-direction:column;gap:var(--spacer, .5rem);padding:var(--double-spacer, 1rem)}.onemrva-card__header-row{display:flex;align-items:flex-start;gap:var(--quarter-spacer, .125rem)}.onemrva-card__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--quarter-spacer, .125rem)}.onemrva-card__label{display:block;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-label-small-size, .75rem);line-height:var(--mat-sys-label-small-height, 1.125rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__title{display:block;font-family:var(--brand-font, \"Poppins\", sans-serif);font-size:var(--mat-sys-headline-small-size, 1.125rem);line-height:var(--mat-sys-headline-small-height, 2.25rem);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__subtitle{display:block;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-label-small-size, .75rem);line-height:var(--mat-sys-label-small-height, 1.125rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__description{margin:0;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-body-medium-size, 1rem);line-height:var(--mat-sys-body-medium-height, 1.625rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81));display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.onemrva-card__help-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:none;border:none;cursor:pointer}.onemrva-card__help-btn mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__actions{display:flex;align-items:center;gap:var(--triple-spacer, 1.5rem)}.onemrva-card__actions:empty{display:none}.onemrva-card__actions .mat-mdc-icon-button{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-touch-target{width:32px;height:32px}.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-ripple,.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:50%}.onemrva-card__actions .mat-mdc-icon-button .mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;display:flex;align-items:center;justify-content:center}\n"] }]
-        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], imageSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageSrc", required: false }] }], imageAlt: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageAlt", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], helpText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpText", required: false }] }], coloredTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "coloredTitle", required: false }] }], textColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "textColor", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }] } });
+                    }, template: "@if (hasImage()) {\n  <div class=\"onemrva-card__image-wrapper\">\n    <img class=\"onemrva-card__image\" [src]=\"imageSrc()\" [alt]=\"imageAlt()\" />\n  </div>\n}\n<div class=\"onemrva-card__body\">\n  <div class=\"onemrva-card__header-row\">\n    <div class=\"onemrva-card__avatar\">\n      <ng-content select=\"[cardAvatar]\" />\n    </div>\n    <div class=\"onemrva-card__meta\">\n      @if (label()) {\n        <span class=\"onemrva-card__label\">{{ label() }}</span>\n      }\n      @if (title()) {\n        <span class=\"onemrva-card__title\" title=\"\">{{ title() }}</span>\n      }\n      @if (subtitle()) {\n        <span class=\"onemrva-card__subtitle\">{{ subtitle() }}</span>\n      }\n    </div>\n    @if (helpText()) {\n      <button\n        class=\"onemrva-card__help-btn\"\n        type=\"button\"\n        [attr.aria-label]=\"helpText()\"\n        [matTooltip]=\"helpText()\"\n      >\n        <mat-icon>help_outline</mat-icon>\n      </button>\n    }\n  </div>\n  @if (description()) {\n    <p class=\"onemrva-card__description\">{{ description() }}</p>\n  }\n  <div class=\"onemrva-card__content\">\n    <ng-content />\n  </div>\n  <div class=\"onemrva-card__actions\">\n    <ng-content select=\"[cardActions]\" />\n  </div>\n</div>\n", styles: ["onemrva-card{display:block;border-radius:var(--border-radius, 16px);background:var(--mat-sys-surface, white);overflow:hidden;transition:box-shadow .2s ease}onemrva-card:hover{box-shadow:0 3px 3px color-mix(in srgb,var(--mat-sys-shadow, #312f3b) 16%,transparent)}onemrva-card.onemrva-card--outline{border:1px solid var(--mat-sys-outline-variant, #d7d5ed)}onemrva-card.onemrva-card--outline .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px) calc(var(--border-radius, 16px) - 4px) 0 0}onemrva-card.onemrva-card--outline .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--background{background:var(--mat-sys-surface-container-low, #f7f2fa)}onemrva-card.onemrva-card--background .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px) calc(var(--border-radius, 16px) - 4px) 0 0}onemrva-card.onemrva-card--background .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--background .onemrva-card__label,onemrva-card.onemrva-card--background .onemrva-card__subtitle,onemrva-card.onemrva-card--background .onemrva-card__description{color:var(--onemrva-card-text-color, var(--mat-sys-on-surface, #242424))}onemrva-card.onemrva-card--background .onemrva-card__help-btn mat-icon{color:var(--onemrva-card-text-color, var(--mat-sys-on-surface, #242424))}onemrva-card.onemrva-card--no-background .onemrva-card__image-wrapper{border-radius:calc(var(--border-radius, 16px) - 4px)}onemrva-card.onemrva-card--colored-title .onemrva-card__title{background:linear-gradient(90deg,#de2174,#eb142a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}onemrva-card.onemrva-card--plain-title .onemrva-card__title{background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:unset;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__image-wrapper{height:120px;overflow:hidden;position:relative}.onemrva-card__image{width:100%;height:100%;object-fit:cover;display:block}.onemrva-card__body{display:flex;flex-direction:column;gap:var(--spacer, .5rem);padding:var(--double-spacer, 1rem)}.onemrva-card__header-row{display:flex;align-items:flex-start;gap:var(--quarter-spacer, .125rem)}.onemrva-card__avatar{flex-shrink:0;display:flex;align-items:center;margin-right:var(--spacer, .5rem)}.onemrva-card__avatar:empty{display:none;margin-right:0}.onemrva-card__content{display:flex;flex-direction:column;gap:var(--spacer, .5rem)}.onemrva-card__content:empty{display:none}.onemrva-card__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--quarter-spacer, .125rem)}.onemrva-card__label{display:block;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-label-small-size, .75rem);line-height:var(--mat-sys-label-small-height, 1.125rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__title{display:block;font-family:var(--brand-font, \"Poppins\", sans-serif);font-size:var(--mat-sys-headline-small-size, 1.125rem);line-height:var(--mat-sys-headline-small-height, 2.25rem);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__subtitle{display:block;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-label-small-size, .75rem);line-height:var(--mat-sys-label-small-height, 1.125rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__description{margin:0;font-family:var(--text-font, \"Source Sans Pro\", sans-serif);font-size:var(--mat-sys-body-medium-size, 1rem);line-height:var(--mat-sys-body-medium-height, 1.625rem);font-weight:400;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81));display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.onemrva-card__help-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:none;border:none;cursor:pointer}.onemrva-card__help-btn mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;color:var(--onemrva-card-text-color, var(--mat-sys-on-primary-container, #443e81))}.onemrva-card__actions{display:flex;align-items:center;gap:var(--triple-spacer, 1.5rem)}.onemrva-card__actions:empty{display:none}.onemrva-card__actions .mat-mdc-icon-button{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-touch-target{width:32px;height:32px}.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-ripple,.onemrva-card__actions .mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:50%}.onemrva-card__actions .mat-mdc-icon-button .mat-icon{font-size:16px;width:16px;height:16px;line-height:16px;display:flex;align-items:center;justify-content:center}\n"] }]
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], imageSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageSrc", required: false }] }], imageAlt: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageAlt", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], helpText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpText", required: false }] }], coloredTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "coloredTitle", required: false }] }], textColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "textColor", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }] } });
 
 class OnemrvaCardModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaCardModule, imports: [OnemrvaCardComponent], exports: [OnemrvaCardComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaCardModule, imports: [OnemrvaCardComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaCardModule, imports: [OnemrvaCardComponent], exports: [OnemrvaCardComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaCardModule, imports: [OnemrvaCardComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaCardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaCardModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

package/fesm2022/onemrvapublic-design-system-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-card.mjs","sources":["../../../../projects/onemrva/design-system/card/src/onemrva-card.component.ts","../../../../projects/onemrva/design-system/card/src/onemrva-card.component.html","../../../../projects/onemrva/design-system/card/src/onemrva-card.module.ts","../../../../projects/onemrva/design-system/card/index.ts","../../../../projects/onemrva/design-system/card/onemrvapublic-design-system-card.ts"],"sourcesContent":["import { Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\n@Component({\n  selector: 'onemrva-card',\n  templateUrl: './onemrva-card.component.html',\n  styleUrl: 'onemrva-card.component.scss',\n  imports: [MatIconModule, MatTooltipModule],\n  standalone: true,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[style.width]': 'width()',\n    '[style.--onemrva-card-text-color]': 'textColor()',\n    '[class.onemrva-card--outline]': 'type() === \"outline\"',\n    '[class.onemrva-card--background]': 'type() === \"background\"',\n    '[class.onemrva-card--no-background]': 'type() === \"no-background\"',\n    '[class.onemrva-card--has-image]': 'hasImage()',\n    '[class.onemrva-card--colored-title]': 'coloredTitle() === true',\n    '[class.onemrva-card--plain-title]': 'coloredTitle() === false',\n  },\n})\nexport class OnemrvaCardComponent {\n  /** Visual variant of the card. */\n  readonly type = input<'no-background' | 'outline' | 'background'>(\n    'no-background',\n  );\n  readonly image = input(false);\n  readonly imageSrc = input('');\n  readonly imageAlt = input('');\n  readonly hasImage = computed(() => this.image() || !!this.imageSrc()?.trim());\n  readonly label = input('');\n  readonly title = input('');\n  readonly subtitle = input('');\n  readonly description = input('');\n  /** Tooltip text shown via the help icon. When empty, the icon is hidden. */\n  readonly helpText = input('');\n  /** When `true`, the title always uses the gradient. When `false`, it is always plain. When omitted, the gradient follows the variant. */\n  readonly coloredTitle = input<boolean>();\n  /** Overrides the CSS text color for label, subtitle, description and help icon. Accepts any CSS color value. */\n  readonly textColor = input<string>();\n  readonly width = input<string>();\n}\n","@if (hasImage()) {\n  <div class=\"onemrva-card__image-wrapper\">\n    <img class=\"onemrva-card__image\" [src]=\"imageSrc()\" [alt]=\"imageAlt()\" />\n  </div>\n}\n<div class=\"onemrva-card__body\">\n  <div class=\"onemrva-card__header-row\">\n    <div class=\"onemrva-card__meta\">\n      @if (label()) {\n        <span class=\"onemrva-card__label\">{{ label() }}</span>\n      }\n      @if (title()) {\n        <span class=\"onemrva-card__title\" title=\"\">{{ title() }}</span>\n      }\n      @if (subtitle()) {\n        <span class=\"onemrva-card__subtitle\">{{ subtitle() }}</span>\n      }\n    </div>\n    @if (helpText()) {\n      <button\n        class=\"onemrva-card__help-btn\"\n        type=\"button\"\n        [attr.aria-label]=\"helpText()\"\n        [matTooltip]=\"helpText()\"\n      >\n        <mat-icon>help_outline</mat-icon>\n      </button>\n    }\n  </div>\n  @if (description()) {\n    <p class=\"onemrva-card__description\">{{ description() }}</p>\n  }\n  <div class=\"onemrva-card__actions\">\n    <ng-content select=\"[cardActions]\" />\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaCardComponent } from './onemrva-card.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaCardComponent],\n  exports: [OnemrvaCardComponent],\n})\nexport class OnemrvaCardModule {}\n","/*\n * Public API Surface of mat-card\n */\n\nexport * from './src/onemrva-card.component';\nexport * from './src/onemrva-card.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"onemrvapublic-design-system-card.mjs","sources":["../../../../projects/onemrva/design-system/card/src/onemrva-card.component.ts","../../../../projects/onemrva/design-system/card/src/onemrva-card.component.html","../../../../projects/onemrva/design-system/card/src/onemrva-card.module.ts","../../../../projects/onemrva/design-system/card/index.ts","../../../../projects/onemrva/design-system/card/onemrvapublic-design-system-card.ts"],"sourcesContent":["import { Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\n/**\n * Content card with configurable image, border, and fill variants.\n *\n * Exposes 12 inputs and 0 outputs.\n * Inputs: type: 'no-background' | 'outline' | 'background', image, imageSrc, imageAlt, label, title, subtitle, description, helpText, coloredTitle: boolean, textColor: string, width: string.\n * Outputs: none.\n *\n * @MatKeywords card, container, content, surface, panel\n * @MatGroup Card\n */\n@Component({\n  selector: 'onemrva-card',\n  templateUrl: './onemrva-card.component.html',\n  styleUrl: 'onemrva-card.component.scss',\n  imports: [MatIconModule, MatTooltipModule],\n  standalone: true,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[style.width]': 'width()',\n    '[style.--onemrva-card-text-color]': 'textColor()',\n    '[class.onemrva-card--outline]': 'type() === \"outline\"',\n    '[class.onemrva-card--background]': 'type() === \"background\"',\n    '[class.onemrva-card--no-background]': 'type() === \"no-background\"',\n    '[class.onemrva-card--has-image]': 'hasImage()',\n    '[class.onemrva-card--colored-title]': 'coloredTitle() === true',\n    '[class.onemrva-card--plain-title]': 'coloredTitle() === false',\n  },\n})\nexport class OnemrvaCardComponent {\n  /** Visual variant of the card. */\n  readonly type = input<'no-background' | 'outline' | 'background'>(\n    'no-background',\n  );\n  readonly imageSrc = input<string | undefined>();\n  readonly imageAlt = input<string | undefined>('');\n  readonly hasImage = computed(() => {\n    if (!this.imageSrc()) {\n      return false;\n    } else if (typeof this.imageSrc() === 'string') {\n      return !!this.imageSrc()!.trim();\n    } else {\n      return false;\n    }\n  });\n  readonly label = input<string | undefined>('');\n  readonly title = input<string | undefined>('');\n  readonly subtitle = input<string | undefined>('');\n  readonly description = input<string | undefined>('');\n  /** Tooltip text shown via the help icon. When empty, the icon is hidden. */\n  readonly helpText = input<string | undefined>('');\n  /** When `true`, the title always uses the gradient. When `false`, it is always plain. When omitted, the gradient follows the variant. */\n  readonly coloredTitle = input<boolean>();\n  /** Overrides the CSS text color for label, subtitle, description and help icon. Accepts any CSS color value. */\n  readonly textColor = input<string>();\n  readonly width = input<string>();\n}\n","@if (hasImage()) {\n  <div class=\"onemrva-card__image-wrapper\">\n    <img class=\"onemrva-card__image\" [src]=\"imageSrc()\" [alt]=\"imageAlt()\" />\n  </div>\n}\n<div class=\"onemrva-card__body\">\n  <div class=\"onemrva-card__header-row\">\n    <div class=\"onemrva-card__avatar\">\n      <ng-content select=\"[cardAvatar]\" />\n    </div>\n    <div class=\"onemrva-card__meta\">\n      @if (label()) {\n        <span class=\"onemrva-card__label\">{{ label() }}</span>\n      }\n      @if (title()) {\n        <span class=\"onemrva-card__title\" title=\"\">{{ title() }}</span>\n      }\n      @if (subtitle()) {\n        <span class=\"onemrva-card__subtitle\">{{ subtitle() }}</span>\n      }\n    </div>\n    @if (helpText()) {\n      <button\n        class=\"onemrva-card__help-btn\"\n        type=\"button\"\n        [attr.aria-label]=\"helpText()\"\n        [matTooltip]=\"helpText()\"\n      >\n        <mat-icon>help_outline</mat-icon>\n      </button>\n    }\n  </div>\n  @if (description()) {\n    <p class=\"onemrva-card__description\">{{ description() }}</p>\n  }\n  <div class=\"onemrva-card__content\">\n    <ng-content />\n  </div>\n  <div class=\"onemrva-card__actions\">\n    <ng-content select=\"[cardActions]\" />\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaCardComponent } from './onemrva-card.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaCardComponent],\n  exports: [OnemrvaCardComponent],\n})\nexport class OnemrvaCardModule {}\n","/*\n * Public API Surface of mat-card\n */\n\nexport * from './src/onemrva-card.component';\nexport * from './src/onemrva-card.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/onemrvapublic-design-system-collapsible-page-divider.mjs

@@ -20,10 +20,10 @@ class OnemrvaCollapsiblePageDivider {
     toggle() {
         this.isCollapsed.update(collapsed => !collapsed);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaCollapsiblePageDivider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: OnemrvaCollapsiblePageDivider, isStandalone: true, selector: "onemrva-collapsible-page-divider", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, stickerColor: { classPropertyName: "stickerColor", publicName: "stickerColor", isSignal: true, isRequired: false, transformFunction: null }, stickerText: { classPropertyName: "stickerText", publicName: "stickerText", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange" }, ngImport: i0, template: "<section [class.collapsed]=\"isCollapsed()\">\n  <header tabindex=\"0\" (click)=\"toggle()\">\n    <span class=\"title\">{{ title() }}</span>\n    <span class=\"divider\"></span>\n    @if (stickerText()) {\n    <onemrva-mat-sticker [color]=\"stickerColor()\">\n      {{stickerText()}}\n    </onemrva-mat-sticker>\n    }\n    <div class=\"arrow-container\">\n      <mat-icon>keyboard_arrow_down</mat-icon>\n    </div>\n  </header>\n  <main>\n    <div class=\"content\">\n      <ng-content />\n    </div>\n  </main>\n</section>\n", styles: [":host{display:block;width:100%}:host section{width:100%}:host section header{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 0}:host section header .title{font:var(--mat-sys-headline-large)}:host section header .divider{flex-grow:1;height:1px;background-color:#e4e1ea}:host section header .badge{background-color:#eb142a;color:#fff;padding:4px 12px;border-radius:4px;font-size:.85rem;font-weight:500}:host section header .arrow-container{display:flex;align-items:center;justify-content:center;transition:transform .35s ease}:host section header .arrow-container .arrow{width:24px;height:24px}:host section.collapsed .arrow-container{transform:rotate(-180deg)}:host section.collapsed main{grid-template-rows:0fr;opacity:0}:host section main{display:grid;grid-template-rows:1fr;box-sizing:border-box;overflow:hidden;opacity:1;transition:grid-template-rows .3s ease-in-out,opacity .3s ease-in-out}:host section main .content{min-height:0}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: OnemrvaMatStickerComponent, selector: "onemrva-mat-sticker" }, { kind: "directive", type: OnemRvaColorDirective, selector: "onemrva-mat-selectable-box[color],onemrva-collapsible-page-divider[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-task-list[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]mat-hint[color],", inputs: ["color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaCollapsiblePageDivider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: OnemrvaCollapsiblePageDivider, isStandalone: true, selector: "onemrva-collapsible-page-divider", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, stickerColor: { classPropertyName: "stickerColor", publicName: "stickerColor", isSignal: true, isRequired: false, transformFunction: null }, stickerText: { classPropertyName: "stickerText", publicName: "stickerText", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange" }, ngImport: i0, template: "<section [class.collapsed]=\"isCollapsed()\">\n  <header tabindex=\"0\" (click)=\"toggle()\">\n    <span class=\"title\">{{ title() }}</span>\n    <span class=\"divider\"></span>\n    @if (stickerText()) {\n    <onemrva-mat-sticker [color]=\"stickerColor()\">\n      {{stickerText()}}\n    </onemrva-mat-sticker>\n    }\n    <div class=\"arrow-container\">\n      <mat-icon>keyboard_arrow_down</mat-icon>\n    </div>\n  </header>\n  <main>\n    <div class=\"content\">\n      <ng-content />\n    </div>\n  </main>\n</section>\n", styles: [":host{display:block;width:100%}:host section{width:100%}:host section header{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 0}:host section header .title{font:var(--mat-sys-headline-large)}:host section header .divider{flex-grow:1;height:1px;background-color:#e4e1ea}:host section header .badge{background-color:#eb142a;color:#fff;padding:4px 12px;border-radius:4px;font-size:.85rem;font-weight:500}:host section header .arrow-container{display:flex;align-items:center;justify-content:center;transition:transform .35s ease}:host section header .arrow-container .arrow{width:24px;height:24px}:host section.collapsed .arrow-container{transform:rotate(-180deg)}:host section.collapsed main{grid-template-rows:0fr;opacity:0}:host section main{display:grid;grid-template-rows:1fr;box-sizing:border-box;overflow:hidden;opacity:1;transition:grid-template-rows .3s ease-in-out,opacity .3s ease-in-out}:host section main .content{min-height:0}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: OnemrvaMatStickerComponent, selector: "onemrva-mat-sticker" }, { kind: "directive", type: OnemRvaColorDirective, selector: "onemrva-mat-selectable-box[color],onemrva-collapsible-page-divider[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-task-list[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]mat-hint[color],", inputs: ["color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaCollapsiblePageDivider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaCollapsiblePageDivider, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-collapsible-page-divider', imports: [MatIcon, OnemrvaMatStickerComponent, OnemRvaColorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section [class.collapsed]=\"isCollapsed()\">\n  <header tabindex=\"0\" (click)=\"toggle()\">\n    <span class=\"title\">{{ title() }}</span>\n    <span class=\"divider\"></span>\n    @if (stickerText()) {\n    <onemrva-mat-sticker [color]=\"stickerColor()\">\n      {{stickerText()}}\n    </onemrva-mat-sticker>\n    }\n    <div class=\"arrow-container\">\n      <mat-icon>keyboard_arrow_down</mat-icon>\n    </div>\n  </header>\n  <main>\n    <div class=\"content\">\n      <ng-content />\n    </div>\n  </main>\n</section>\n", styles: [":host{display:block;width:100%}:host section{width:100%}:host section header{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 0}:host section header .title{font:var(--mat-sys-headline-large)}:host section header .divider{flex-grow:1;height:1px;background-color:#e4e1ea}:host section header .badge{background-color:#eb142a;color:#fff;padding:4px 12px;border-radius:4px;font-size:.85rem;font-weight:500}:host section header .arrow-container{display:flex;align-items:center;justify-content:center;transition:transform .35s ease}:host section header .arrow-container .arrow{width:24px;height:24px}:host section.collapsed .arrow-container{transform:rotate(-180deg)}:host section.collapsed main{grid-template-rows:0fr;opacity:0}:host section main{display:grid;grid-template-rows:1fr;box-sizing:border-box;overflow:hidden;opacity:1;transition:grid-template-rows .3s ease-in-out,opacity .3s ease-in-out}:host section main .content{min-height:0}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], stickerColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickerColor", required: false }] }], stickerText: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickerText", required: false }] }], isCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollapsed", required: false }] }, { type: i0.Output, args: ["isCollapsedChange"] }] } });

package/fesm2022/onemrvapublic-design-system-flag-icon.mjs

@@ -3,6 +3,16 @@ import { input, inject, Component } from '@angular/core';
 import { NgOptimizedImage } from '@angular/common';
 import { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';
 
+/**
+ * Country flag image resolved from an ISO 3166-1 alpha-2 code.
+ *
+ * Exposes 3 inputs and 0 outputs.
+ * Inputs: countryCode: string | null | undefined, mode: 'square' | 'rectangle', width.
+ * Outputs: none.
+ *
+ * @MatKeywords flag, country, icon, locale
+ * @MatGroup Misc
+ */
 class FlagIconComponent {
     constructor() {
         this.countryCode = input('xx', /* @ts-ignore */
@@ -30,10 +40,10 @@ class FlagIconComponent {
     get url() {
         return `${this.cdnUrl}/img/flags/${this.modeValue}/${this.normalizedCountryCode}.svg`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FlagIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: FlagIconComponent, isStandalone: true, selector: "flag-icon", inputs: { countryCode: { classPropertyName: "countryCode", publicName: "countryCode", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n  [class]=\"{\n    fi: true,\n    fis: mode() === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width()\"\n    [height]=\"height\"\n  />\n</span>\n", styles: [":host .fi{position:relative;display:inline-flex;margin-right:6px;vertical-align:middle}:host .fi.fis{width:1em}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: FlagIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: FlagIconComponent, isStandalone: true, selector: "flag-icon", inputs: { countryCode: { classPropertyName: "countryCode", publicName: "countryCode", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n  [class]=\"{\n    fi: true,\n    fis: mode() === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width()\"\n    [height]=\"height\"\n  />\n</span>\n", styles: [":host .fi{position:relative;display:inline-flex;margin-right:6px;vertical-align:middle}:host .fi.fis{width:1em}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: FlagIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: FlagIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'flag-icon', standalone: true, imports: [NgOptimizedImage], template: "<span\n  [class]=\"{\n    fi: true,\n    fis: mode() === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width()\"\n    [height]=\"height\"\n  />\n</span>\n", styles: [":host .fi{position:relative;display:inline-flex;margin-right:6px;vertical-align:middle}:host .fi.fis{width:1em}\n"] }]
         }], ctorParameters: () => [], propDecorators: { countryCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "countryCode", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }] } });

package/fesm2022/onemrvapublic-design-system-flag-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-flag-icon.mjs","sources":["../../../../projects/onemrva/design-system/flag-icon/src/flag-icon.component.ts","../../../../projects/onemrva/design-system/flag-icon/src/flag-icon.component.html","../../../../projects/onemrva/design-system/flag-icon/onemrvapublic-design-system-flag-icon.ts"],"sourcesContent":["import { Component, inject, input } from '@angular/core';\nimport { NgOptimizedImage } from '@angular/common';\nimport { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';\n\n@Component({\n  selector: 'flag-icon',\n  standalone: true,\n  imports: [NgOptimizedImage],\n  templateUrl: './flag-icon.component.html',\n  styleUrl: './flag-icon.component.scss',\n})\nexport class FlagIconComponent {\n  readonly countryCode = input<string | null | undefined>('xx');\n\n  readonly mode = input<'square' | 'rectangle'>('rectangle');\n\n  readonly width = input(26);\n  height: number = this.width();\n\n  private readonly cdnUrl: string;\n  private cdn = inject(OnemRvaCDNService);\n\n  constructor() {\n    this.cdnUrl = this.cdn.getUrl();\n    if (this.mode() === 'rectangle') {\n      this.height = this.width() / 1.33;\n    }\n  }\n\n  get normalizedCountryCode() {\n    return (this.countryCode()?.trim() || 'xx').toLowerCase();\n  }\n\n  get modeValue() {\n    if (this.mode() === 'rectangle') {\n      return '4x3';\n    }\n    return '1x1';\n  }\n\n  get url() {\n    return `${this.cdnUrl}/img/flags/${this.modeValue}/${this.normalizedCountryCode}.svg`;\n  }\n}\n","<span\n  [class]=\"{\n    fi: true,\n    fis: mode() === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width()\"\n    [height]=\"height\"\n  />\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAWa,iBAAiB,CAAA;AAW5B,IAAA,WAAA,GAAA;QAVS,IAAA,CAAA,WAAW,GAAG,KAAK,CAA4B,IAAI;wFAAC;QAEpD,IAAA,CAAA,IAAI,GAAG,KAAK,CAAyB,WAAW;iFAAC;QAEjD,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,EAAE;kFAAC;AAC1B,QAAA,IAAA,CAAA,MAAM,GAAW,IAAI,CAAC,KAAK,EAAE;AAGrB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;QAGrC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;AAC/B,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,WAAW,EAAE;YAC/B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI;QACnC;IACF;AAEA,IAAA,IAAI,qBAAqB,GAAA;AACvB,QAAA,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,WAAW,EAAE;IAC3D;AAEA,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,WAAW,EAAE;AAC/B,YAAA,OAAO,KAAK;QACd;AACA,QAAA,OAAO,KAAK;IACd;AAEA,IAAA,IAAI,GAAG,GAAA;AACL,QAAA,OAAO,CAAA,EAAG,IAAI,CAAC,MAAM,CAAA,WAAA,EAAc,IAAI,CAAC,SAAS,CAAA,CAAA,EAAI,IAAI,CAAC,qBAAqB,MAAM;IACvF;8GA/BW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX9B,yOAcA,EAAA,MAAA,EAAA,CAAA,mHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDPY,gBAAgB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,cAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,KAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIf,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,yOAAA,EAAA,MAAA,EAAA,CAAA,mHAAA,CAAA,EAAA;;;AEP7B;;AAEG;;;;"}
+{"version":3,"file":"onemrvapublic-design-system-flag-icon.mjs","sources":["../../../../projects/onemrva/design-system/flag-icon/src/flag-icon.component.ts","../../../../projects/onemrva/design-system/flag-icon/src/flag-icon.component.html","../../../../projects/onemrva/design-system/flag-icon/onemrvapublic-design-system-flag-icon.ts"],"sourcesContent":["import { Component, inject, input } from '@angular/core';\nimport { NgOptimizedImage } from '@angular/common';\nimport { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';\n\n/**\n * Country flag image resolved from an ISO 3166-1 alpha-2 code.\n *\n * Exposes 3 inputs and 0 outputs.\n * Inputs: countryCode: string | null | undefined, mode: 'square' | 'rectangle', width.\n * Outputs: none.\n *\n * @MatKeywords flag, country, icon, locale\n * @MatGroup Misc\n */\n@Component({\n  selector: 'flag-icon',\n  standalone: true,\n  imports: [NgOptimizedImage],\n  templateUrl: './flag-icon.component.html',\n  styleUrl: './flag-icon.component.scss',\n})\nexport class FlagIconComponent {\n  readonly countryCode = input<string | null | undefined>('xx');\n\n  readonly mode = input<'square' | 'rectangle'>('rectangle');\n\n  readonly width = input(26);\n  height: number = this.width();\n\n  private readonly cdnUrl: string;\n  private cdn = inject(OnemRvaCDNService);\n\n  constructor() {\n    this.cdnUrl = this.cdn.getUrl();\n    if (this.mode() === 'rectangle') {\n      this.height = this.width() / 1.33;\n    }\n  }\n\n  get normalizedCountryCode() {\n    return (this.countryCode()?.trim() || 'xx').toLowerCase();\n  }\n\n  get modeValue() {\n    if (this.mode() === 'rectangle') {\n      return '4x3';\n    }\n    return '1x1';\n  }\n\n  get url() {\n    return `${this.cdnUrl}/img/flags/${this.modeValue}/${this.normalizedCountryCode}.svg`;\n  }\n}\n","<span\n  [class]=\"{\n    fi: true,\n    fis: mode() === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width()\"\n    [height]=\"height\"\n  />\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAIA;;;;;;;;;AASG;MAQU,iBAAiB,CAAA;AAW5B,IAAA,WAAA,GAAA;QAVS,IAAA,CAAA,WAAW,GAAG,KAAK,CAA4B,IAAI;wFAAC;QAEpD,IAAA,CAAA,IAAI,GAAG,KAAK,CAAyB,WAAW;iFAAC;QAEjD,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,EAAE;kFAAC;AAC1B,QAAA,IAAA,CAAA,MAAM,GAAW,IAAI,CAAC,KAAK,EAAE;AAGrB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;QAGrC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;AAC/B,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,WAAW,EAAE;YAC/B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI;QACnC;IACF;AAEA,IAAA,IAAI,qBAAqB,GAAA;AACvB,QAAA,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,WAAW,EAAE;IAC3D;AAEA,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,WAAW,EAAE;AAC/B,YAAA,OAAO,KAAK;QACd;AACA,QAAA,OAAO,KAAK;IACd;AAEA,IAAA,IAAI,GAAG,GAAA;AACL,QAAA,OAAO,CAAA,EAAG,IAAI,CAAC,MAAM,CAAA,WAAA,EAAc,IAAI,CAAC,SAAS,CAAA,CAAA,EAAI,IAAI,CAAC,qBAAqB,MAAM;IACvF;8GA/BW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrB9B,yOAcA,EAAA,MAAA,EAAA,CAAA,mHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDGY,gBAAgB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,cAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,KAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIf,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,yOAAA,EAAA,MAAA,EAAA,CAAA,mHAAA,CAAA,EAAA;;;AEjB7B;;AAEG;;;;"}