@verisoft/ui-govcz 0.0.1 → 18.3.0

package/src/lib/pipes/color/color.pipe.ts

@@ -0,0 +1,24 @@
+import { Pipe, PipeTransform } from "@angular/core";
+import { ControlSeverity, ControlSeverityType, GovControlSeverity } from "@verisoft/ui-core";
+
+@Pipe({
+    name: 'govColor',
+    standalone: true,
+})
+export class GovColorPipe implements PipeTransform {
+    transform(color: ControlSeverityType | undefined): string | undefined {
+        switch (color) {
+            case ControlSeverity.danger:
+                return GovControlSeverity.error;
+            
+            case ControlSeverity.info:
+                return GovControlSeverity.neutral;
+
+            case ControlSeverity.help:
+            case ControlSeverity.contrast:
+                return GovControlSeverity.primary;
+        }
+
+        return color;
+    }
+}

package/src/lib/pipes/index.ts

@@ -0,0 +1,3 @@
+export * from './color/color.pipe';
+export * from './multiselect/multiselect-options.pipe';
+export * from './size/size.pipe';

package/src/lib/pipes/multiselect/multiselect-options.pipe.ts

@@ -0,0 +1,61 @@
+import { Pipe, PipeTransform } from '@angular/core';
+import { GovFormMultiSelectItem } from '@gov-design-system-ce/components';
+
+@Pipe({
+  name: 'govMultiselectOptions',
+  standalone: true,
+})
+export class GovMultiselectOptionsPipe implements PipeTransform {
+  transform(
+    options: any[] | undefined,
+    optionLabel?: string,
+    optionValue?: string,
+    addEmptyOption = false,
+  ): GovFormMultiSelectItem[] {
+    if (!options?.length) return [];
+
+    return this.convertToGovOption(options, addEmptyOption, optionLabel, optionValue);
+  }
+
+  private convertToGovOption(
+    options: any[],
+    addEmptyOption: boolean,
+    optionLabel?: string,
+    optionValue?: string
+  ): GovFormMultiSelectItem[] {
+    const convertedOptions: GovFormMultiSelectItem[] = [];
+    options.forEach((obj) => {
+      let stringKey = '';
+      let numberKey = '';
+
+      if (optionLabel && optionValue) {
+        stringKey = optionLabel;
+        numberKey = optionValue;
+      } else {
+        const keys = Object.keys(obj);
+
+        keys.forEach((key) => {
+          if (typeof obj[key] === 'string') {
+            stringKey = key;
+          } else if (typeof obj[key] === 'number') {
+            numberKey = key;
+          }
+        });
+      }
+
+      convertedOptions.push({
+        label: obj[stringKey] as string,
+        value: (obj[numberKey] as string)?.toString() ?? 'VALUE NOT SET',
+      });
+    });
+
+    if (addEmptyOption) {
+      convertedOptions.unshift({
+        label: '',
+        value: 'null',
+      });
+    }
+
+    return convertedOptions;
+  }
+}

package/src/lib/pipes/size/size.pipe.ts

@@ -0,0 +1,20 @@
+import { Pipe, PipeTransform } from "@angular/core";
+import { FieldSizeType } from "@verisoft/ui-core";
+
+@Pipe({
+    name: 'govSize',
+    standalone: true,
+})
+export class GovSizePipe implements PipeTransform {
+    transform(size: FieldSizeType | undefined): string | undefined {
+        if (size) {
+            return size.substring(0, 1);
+        }
+
+        if (typeof(size) === 'undefined') {
+            return 'm';
+        }
+
+        return size;
+    }
+}

package/src/sass/{gov-header.css → header.css}

@@ -1,39 +1,7 @@
-/*!
- * Gov Design System
- * Copyright(c) 2020 - 2022 Digitalni a informacni agentura
- * Copyright(c) 2020 - 2022 Zdenek Vitek
- * Copyright(c) 2020 - 2022 Lukas Nulicek
- * EUPL v1.2 Licensed
- *
- * Version 3.4.0
- */
-:root {
-    --gov-color-blue: #2362a2;
-    --gov-color-grey-dark: #3b3b3b;
-    --gov-color-white: #ffffff;
-    --gov-color-blue-dark: #254e80;
-    --gov-color-blue-focus: #007bff;
-    --gov-color-blue-light: #3077b7;
-    --gov-color-blue-inactive-1: #91b0d0;
-    --gov-color-blue-inactive-2: #d3dfec;
-    --gov-color-blue-inactive-3: #edf0f2;
-    --gov-color-blue-hover: #e5ebf0;
-    --gov-color-grey-mid: #686868;
-    --gov-color-grey-light: #a8a8a8;
-    --gov-color-grey-inactive: #dddddd;
-    --gov-color-grey-bg: #f5f5f5;
-    --gov-color-yellow: #ecae1a;
-    --gov-color-yellow-dark: #dd9f0c;
-    --gov-color-error: #c52a3a;
-    --gov-color-success: #6fbd2c;
-    --gov-color-grey-dark-rgb: 59, 59, 59;
-    --gov-color-white-rgb: 255, 255, 255
-}
-
 .gov-pictogram {
     margin-left: -0.375rem;
     max-width: 52px;
-    color: var(--gov-color-blue)
+    color: var(--color-primary-600);
 }
 
 .gov-pictogram--logo {
@@ -46,11 +14,11 @@
 }
 
 .gov-pictogram--inversed {
-    color: var(--gov-color-white)
+    color: var(--color-neutral-0)
 }
 
 .gov-pictogram--dark {
-    color: var(--gov-color-grey-dark)
+    color: var(--color-neutral-700)
 }
 
 .gov-pictogram svg {
@@ -60,7 +28,7 @@
 .gov-logo {
     display: flex;
     align-items: center;
-    color: var(--gov-color-blue) !important;
+    color: var(--color-primary-600) !important;
     text-decoration: none
 }
 
@@ -83,7 +51,7 @@
 }
 
 .gov-logo:focus {
-    box-shadow: 0 0 0 2px var(--gov-color-white)
+    box-shadow: 0 0 0 2px var(--color-neutral-0)
 }
 
 .gov-logo--large .gov-logo__sitename {
@@ -91,23 +59,11 @@
 }
 
 .gov-logo--inversed {
-    color: var(--gov-color-white) !important
+    color: var(--color-neutral-0) !important
 }
 
 .gov-logo--dark {
-    color: var(--gov-color-grey-dark) !important
-}
-
-.gov-page {
-    overflow: hidden;
-    min-height: 100vh;
-    background-color: var(--gov-color-grey-bg);
-    color: var(--gov-color-grey-mid);
-    font-family: "Roboto", sans-serif;
-    font-size: .9375rem;
-    font-weight: 400;
-    letter-spacing: .0125em;
-    -webkit-font-smoothing: antialiased
+    color: var(--color-neutral-700) !important
 }
 
 .gov-container {
@@ -182,7 +138,7 @@ table tbody .gov-container--as-page td,
 
 .gov-header {
     overflow: initial;
-    background-color: var(--gov-color-blue)
+    background-color: var(--color-primary-600);
 }
 
 .gov-header.is-fixed {
@@ -208,7 +164,7 @@ table tbody .gov-container--as-page td,
     margin: 0;
     height: 1px;
     border: none;
-    border-bottom: 1px solid var(--gov-color-blue-light)
+    border-bottom: 1px solid var(--primary-darker);
 }
 
 @media(min-width: 56.25em) {
@@ -233,7 +189,7 @@ table tbody .gov-container--as-page td,
     padding-left: .625rem;
     font-size: 1.3125rem;
     font-weight: 700;
-    color: var(--gov-color-white)
+    color: var(--color-neutral-0)
 }
 
 .gov-header__site-name--large {
@@ -241,20 +197,21 @@ table tbody .gov-container--as-page td,
 }
 
 .gov-header__site-name--dark {
-    color: var(--gov-color-grey-dark)
+    color: var(--color-neutral-700)
 }
 
 .gov-header__right {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-end;
+    align-items: center;
     width: 100%;
     margin-top: -1.5625rem
 }
 
 @media screen and (min-width: 56.25em) {
     .gov-header__right {
-        margin-top: 0;
+        margin-top: 1.5625rem;
         width: auto
     }
 }
@@ -324,7 +281,6 @@ table tbody .gov-container--as-page td,
 }
 
 .gov-header__hamburger {
-    display: inline-block;
     position: relative;
     display: inline-flex;
     align-items: center;
@@ -342,23 +298,19 @@ table tbody .gov-container--as-page td,
     padding-right: 2.5rem;
     height: 1.875rem;
     font-size: .875rem;
-    color: var(--gov-color-white);
-    text-align: center;
+    color: var(--color-neutral-0);
     transform: rotate(0deg)
 }
 
 .gov-header__hamburger:focus {
-    outline: none
-}
-
-.gov-header__hamburger:focus {
-    background-color: var(--gov-color-blue)
+    outline: none;
+    background-color: var(--color-primary-600);
 }
 
 @media not all and (pointer: coarse) {
     .gov-header__hamburger:hover {
         background-color: transparent;
-        color: var(--gov-color-white)
+        color: var(--color-neutral-0)
     }
 }
 
@@ -378,7 +330,7 @@ table tbody .gov-container--as-page td,
     position: absolute;
     height: .125rem;
     width: 1.125rem;
-    background: var(--gov-color-white);
+    background: var(--color-neutral-0);
     border-radius: 2px;
     opacity: 1;
     transform: rotate(0deg);
@@ -420,7 +372,7 @@ table tbody .gov-container--as-page td,
         position: relative;
         left: -0.9375rem;
         display: flex;
-        justify-content: flex-start;
+        justify-content: space-between;
         padding-top: 0;
         width: calc(100% + 30px)
     }
@@ -428,7 +380,7 @@ table tbody .gov-container--as-page td,
 
 .gov-header__nav {
     display: none;
-    background-color: var(--gov-color-blue)
+    background-color: var(--color-primary-600);
 }
 
 @media screen and (min-width: 56.25em) {
@@ -514,7 +466,7 @@ table tbody .gov-container--as-page td,
         left: 1.25rem;
         right: 1.25rem;
         height: 2px;
-        background-color: var(--gov-color-white);
+        background-color: var(--color-neutral-0);
         transform: scale(0, 1);
         transition: transform 256ms ease-out;
         will-change: transform
@@ -569,6 +521,6 @@ table tbody .gov-container--as-page td,
         left: 0;
         right: 0;
         height: 2px;
-        background-color: var(--gov-color-white)
+        background-color: var(--color-neutral-0)
     }
 }