@onemrvapublic/design-system 22.0.2 → 22.1.0-develop.1

package/fesm2022/onemrvapublic-design-system.mjs

@@ -1,5 +1,5 @@
 // Auto-generated — do not edit
-const VERSION = '22.0.2';
+const VERSION = '22.1.0-develop.1';
 
 const ɵɵtsModuleIndicatorApiExtractorWorkaround = true;
 

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

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system.mjs","sources":["../../../../projects/onemrva/design-system/version.ts","../../../../projects/onemrva/design-system/index.ts","../../../../projects/onemrva/design-system/onemrvapublic-design-system.ts"],"sourcesContent":["// Auto-generated — do not edit\nexport const VERSION = '22.0.2';\n","export { VERSION } from './version';\n\nexport const ɵɵtsModuleIndicatorApiExtractorWorkaround = true;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;AACO,MAAM,OAAO,GAAG;;ACChB,MAAM,yCAAyC,GAAG;;ACFzD;;AAEG;;;;"}
+{"version":3,"file":"onemrvapublic-design-system.mjs","sources":["../../../../projects/onemrva/design-system/version.ts","../../../../projects/onemrva/design-system/index.ts","../../../../projects/onemrva/design-system/onemrvapublic-design-system.ts"],"sourcesContent":["// Auto-generated — do not edit\nexport const VERSION = '22.1.0-develop.1';\n","export { VERSION } from './version';\n\nexport const ɵɵtsModuleIndicatorApiExtractorWorkaround = true;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;AACO,MAAM,OAAO,GAAG;;ACChB,MAAM,yCAAyC,GAAG;;ACFzD;;AAEG;;;;"}

package/mat-sticker/src/onemrva-mat-sticker.component.scss

@@ -1,5 +1,11 @@
+@use 'sass:map';
+@use '@angular/material' as mat;
+@use '../../theme/palettes/palette' as palette;
+
+$_accent: map.get(palette.$palette, primary); // or secondary / info / …
+
 :host {
-  --sticker-border-width: 2px;
+  --sticker-border-width: 1px;
 
   overflow: hidden;
   text-overflow: ellipsis;
@@ -7,22 +13,64 @@
   display: inline-flex;
   flex-shrink: 0;
   align-items: center;
+  line-height: 1.2rem;
   cursor: default;
   background: var(--mat-sys-surface);
   opacity: 1;
-  border-radius: var(--small-border-radius);
-  padding: var(--quarter-spacer) var(--spacer);
+  border-radius: var(--half-border-radius);
+  padding: 0 var(--spacer);
   font: var(--mat-sys-label-medium);
-  box-sizing: border-box;
-  border: 2px solid var(--mat-sys-primary);
+  border: 1px solid var(--mat-sys-primary);
   color: var(--mat-sys-primary);
 
+  &.mat-primary {
+    color: white;
+    background: var(--mat-sys-primary);
+  }
+
   &.mat-accent {
-    background: var(--background-gradient) !important;
-    border: none;
-    // We need to make up for the border changing
-    padding: calc(var(--quarter-spacer) + var(--sticker-border-width))
-      calc(var(--spacer) + var(--sticker-border-width));
-    color: var(--on-background-gradient);
+    @include mat.theme-overrides(
+      (
+        primary: light-dark(#{map.get($_accent, 40)}, #{map.get($_accent, 80)}),
+        on-primary: light-dark(
+            #{map.get($_accent, 100)},
+            #{map.get($_accent, 10)}
+          ),
+      )
+    );
+
+    background: var(--mat-sys-primary);
+    color: var(--mat-sys-on-primary);
+    border-color: var(--mat-sys-primary);
+  }
+
+  &.mat-success {
+    $local_map: map.get(palette.$palette, success);
+    color: #{map.get($local_map, 30)};
+    background: #{map.get($local_map, 90)};
+  }
+
+  &.mat-error {
+    $local_map: map.get(palette.$palette, error);
+    color: #{map.get($local_map, 30)};
+    background: #{map.get($local_map, 90)};
+  }
+
+  &.mat-info {
+    $local_map: map.get(palette.$palette, info);
+    color: #{map.get($local_map, 30)};
+    background: #{map.get($local_map, 90)};
+  }
+
+  &.mat-warn {
+    $local_map: map.get(palette.$palette, warn);
+    color: #{map.get($local_map, 30)};
+    background: #{map.get($local_map, 90)};
+  }
+
+  &.mat-neutral {
+    $local_map: map.get(palette.$palette, neutral);
+    color: #{map.get($local_map, 30)};
+    background: #{map.get($local_map, 90)};
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onemrvapublic/design-system",
-  "version": "22.0.2",
+  "version": "22.1.0-develop.1",
   "description": "Design System Onem/Rva without theme included",
   "publishConfig": {
     "access": "public"

package/theme/overrides/_button.scss

@@ -70,7 +70,7 @@
         border-radius: 500px;
       }
     }
-    &.mat-mdc-unelevated-button:not(:disabled) {
+    &.mat-mdc-unelevated-button {
       background: var(--background-gradient);
       .onemrva-spinner {
         svg {
@@ -92,11 +92,17 @@
     }
     &.mdc-button--outlined {
       background: var(--mat-sys-surface);
-    }
-    &.mat-mdc-button-disabled {
       .onemrva-spinner {
         svg {
-          fill: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);
+          fill: color-mix(in srgb, var(--mat-sys-primary) 100%, transparent);
+        }
+      }
+
+      &.mat-mdc-button-disabled {
+        .onemrva-spinner {
+          svg {
+            fill: color-mix(in srgb, var(--mat-sys-primary) 11%, transparent);
+          }
         }
       }
     }

package/types/onemrvapublic-design-system-shared.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { ElementRef, InjectionToken, OnDestroy, OnInit, AfterViewInit, ErrorHandler, PipeTransform, Provider } from '@angular/core';
+import { ElementRef, InjectionToken, OnDestroy, OnInit, AfterViewInit, PipeTransform, ErrorHandler, Provider } from '@angular/core';
 import { MatDateFormats, NativeDateAdapter, DateAdapter } from '@angular/material/core';
 import * as rxjs from 'rxjs';
 import { Observable, Subject, BehaviorSubject, ReplaySubject } from 'rxjs';
-import { TranslateService, MissingTranslationHandler, MissingTranslationHandlerParams, TranslateLoader, TranslationObject } from '@ngx-translate/core';
+import { TranslateService, MissingTranslationHandler, MissingTranslationHandlerParams } from '@ngx-translate/core';
 import { HttpClient } from '@angular/common/http';
 import { ValidatorFn } from '@angular/forms';
 import { OnemrvaMatColor, OnemrvaMatSize } from '@onemrvapublic/design-system/utils';
@@ -217,6 +217,12 @@ declare class OnemRvaReadonlyDirective {
 
 declare const directives: any[];
 
+declare enum OnemrvaLanguages {
+    EN = "en",
+    NL = "nl",
+    FR = "fr",
+    DE = "de"
+}
 /**
  * Get language from local storage or browser.
  *
@@ -224,7 +230,8 @@ declare const directives: any[];
  * @param languages
  * @param default_language
  */
-declare function setTranslationLanguage(translateService: TranslateService, languages?: string[], default_language?: string): () => Promise<void>;
+declare function setTranslationLanguage(translateService: TranslateService, languages?: readonly OnemrvaLanguages[], default_language?: OnemrvaLanguages): () => Promise<void>;
+type WOLanguage = OnemrvaLanguages.FR | OnemrvaLanguages.NL;
 /**
  * Get language from WO
  *
@@ -232,7 +239,7 @@ declare function setTranslationLanguage(translateService: TranslateService, lang
  * @param languages
  * @param default_language
  */
-declare function setTranslationLanguageFromWO(translateService: TranslateService, languages?: string[], default_language?: string): () => Promise<void>;
+declare function setTranslationLanguageFromWO(translateService: TranslateService, languages?: readonly WOLanguage[], default_language?: WOLanguage): () => Promise<void>;
 
 interface OnemRvaCommonCountry {
     className: 'be.fgov.onerva.lookup.wppt.persistence.model.common.Country';
@@ -258,6 +265,18 @@ interface OnemRvaCommonCountry {
     singlePropertisCollectionMap: Record<string, any>;
 }
 
+declare class OnemrvaBcePipe implements PipeTransform {
+    transform(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaBcePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<OnemrvaBcePipe, "onemrvaBce", true>;
+}
+
+declare class OnemrvaNissPipe implements PipeTransform {
+    transform(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaNissPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<OnemrvaNissPipe, "onemrvaNiss", true>;
+}
+
 declare class CommonCountryLookupService {
     protected _countries$: ReplaySubject<OnemRvaCommonCountry[]>;
     protected _customersInitialized: boolean;
@@ -394,44 +413,6 @@ declare class OnemrvaMissingTranslationHandler implements MissingTranslationHand
     handle(params: MissingTranslationHandlerParams): string;
 }
 
-declare class OnemrvaTranslateCDNLoader implements TranslateLoader {
-    private cdn;
-    projects: string[];
-    prefix: string;
-    suffix: string;
-    constructor(cdn: OnemRvaCDNService, projects?: string[], prefix?: string, suffix?: string);
-    /**
-     * Gets the translations from the server
-     */
-    getTranslation(lang: string): Observable<any>;
-}
-
-declare class OnemrvaTranslateHttpLoader implements TranslateLoader {
-    private http;
-    prefix: string;
-    suffix: string;
-    modules: string[];
-    constructor(http: HttpClient, prefix?: string, suffix?: string, modules?: string[]);
-    /**
-     * Gets the translations from the server.
-     * Design-system module translations load first; the project's own
-     * translation file is merged last so it overrides on key collisions.
-     */
-    getTranslation(lang: string): Observable<TranslationObject>;
-}
-
-declare class OnemrvaBcePipe implements PipeTransform {
-    transform(value: string): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaBcePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<OnemrvaBcePipe, "onemrvaBce", true>;
-}
-
-declare class OnemrvaNissPipe implements PipeTransform {
-    transform(value: string): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaNissPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<OnemrvaNissPipe, "onemrvaNiss", true>;
-}
-
 declare class OnemrvaValidators {
     private static bceValidator;
     static bce(required?: boolean): ValidatorFn;
@@ -525,5 +506,5 @@ declare function onemrvaThemeProvider(): i0.EnvironmentProviders;
 declare const LOOKUP_COUNTRY_SERVICE_URL: InjectionToken<string>;
 declare const ONEMRVA_THEME_CLASS: InjectionToken<string>;
 
-export { CDNUrlModeOptions, CDN_URLS, CDN_URL_MODE, CacheService, ClipboardIconComponent, CommonCountryLookupService, DefaultStorage, DigitOnlyDirective, HttpRequestCache, IBAN_SUPPORTED_COUNTRIES, IfWidthIsDirective, LOOKUP_COUNTRY_SERVICE_URL, LOOKUP_COUNTRY_URL, MatRowClickableDirective, NISS_MASK, ONEMRVA_MAT_LUXON_DATE_FORMATS, ONEMRVA_MAT_LUXON_YEAR_MONTH_FORMATS, ONEMRVA_MAT_NATIVE_DATE_FORMAT, ONEMRVA_MAT_NATIVE_YEAR_MONTH_FORMAT, ONEMRVA_THEME, ONEMRVA_THEME_CLASS, OnemRvaCDNCountryService, OnemRvaCDNMimeService, OnemRvaCDNService, OnemRvaClipboardDirective, OnemRvaColorDirective, OnemRvaIconRightDirective, OnemRvaOSMService, OnemRvaReadonlyDirective, OnemRvaSizeDirective, OnemrvaBcePipe, OnemrvaDateFormatDirective, OnemrvaErrorHandler, OnemrvaLuxonDateAdapter, OnemrvaMaskDirective, OnemrvaMissingTranslationHandler, OnemrvaNativeDateAdapter, OnemrvaNissPipe, OnemrvaSharedModule, OnemrvaTranslateCDNLoader, OnemrvaTranslateHttpLoader, OnemrvaValidators, RequestTimes, SEPA_ONLY_SUPPORTED_COUNTRIES, WebComponentOverlayContainer, bankAccountValidator, directives, onemrvaDateLuxonProvider, onemrvaDateLuxonYearMonthProvider, onemrvaDateNativeProvider, onemrvaDateNativeYearMonthProvider, onemrvaThemeProvider, phoneNumberValidator, setTranslationLanguage, setTranslationLanguageFromWO };
-export type { HttpCacheOptions, HttpCacheStorage, MimeDefinition, OSMAddress, OSMResult, OnemRvaCommonCountry, OnemrvaMaterialCountry };
+export { CDNUrlModeOptions, CDN_URLS, CDN_URL_MODE, CacheService, ClipboardIconComponent, CommonCountryLookupService, DefaultStorage, DigitOnlyDirective, HttpRequestCache, IBAN_SUPPORTED_COUNTRIES, IfWidthIsDirective, LOOKUP_COUNTRY_SERVICE_URL, LOOKUP_COUNTRY_URL, MatRowClickableDirective, NISS_MASK, ONEMRVA_MAT_LUXON_DATE_FORMATS, ONEMRVA_MAT_LUXON_YEAR_MONTH_FORMATS, ONEMRVA_MAT_NATIVE_DATE_FORMAT, ONEMRVA_MAT_NATIVE_YEAR_MONTH_FORMAT, ONEMRVA_THEME, ONEMRVA_THEME_CLASS, OnemRvaCDNCountryService, OnemRvaCDNMimeService, OnemRvaCDNService, OnemRvaClipboardDirective, OnemRvaColorDirective, OnemRvaIconRightDirective, OnemRvaOSMService, OnemRvaReadonlyDirective, OnemRvaSizeDirective, OnemrvaBcePipe, OnemrvaDateFormatDirective, OnemrvaErrorHandler, OnemrvaLanguages, OnemrvaLuxonDateAdapter, OnemrvaMaskDirective, OnemrvaMissingTranslationHandler, OnemrvaNativeDateAdapter, OnemrvaNissPipe, OnemrvaSharedModule, OnemrvaValidators, RequestTimes, SEPA_ONLY_SUPPORTED_COUNTRIES, WebComponentOverlayContainer, bankAccountValidator, directives, onemrvaDateLuxonProvider, onemrvaDateLuxonYearMonthProvider, onemrvaDateNativeProvider, onemrvaDateNativeYearMonthProvider, onemrvaThemeProvider, phoneNumberValidator, setTranslationLanguage, setTranslationLanguageFromWO };
+export type { HttpCacheOptions, HttpCacheStorage, MimeDefinition, OSMAddress, OSMResult, OnemRvaCommonCountry, OnemrvaMaterialCountry, WOLanguage };

package/types/onemrvapublic-design-system.d.ts

@@ -1,4 +1,4 @@
-declare const VERSION = "22.0.2";
+declare const VERSION = "22.1.0-develop.1";
 
 declare const ɵɵtsModuleIndicatorApiExtractorWorkaround = true;