@verisoft/ui-govcz 18.6.2 → 18.6.3

package/src/lib/pages/not-found-page/not-found-page.component.ts

@@ -0,0 +1,16 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { GovDesignSystemModule } from '@gov-design-system-ce/angular';
+
+@Component({
+  selector: 'v-not-found-page',
+  standalone: true,
+  imports: [CommonModule, GovDesignSystemModule],
+  templateUrl: './not-found-page.component.html',
+  styleUrl: './not-found-page.component.scss',
+})
+export class NotFoundPageComponent {
+  navigationBack() {
+    history.back();
+  }
+}

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/{lib/pipes/index.d.ts → src/lib/pipes/index.ts}

@@ -1,3 +1,3 @@
-export * from './color/color.pipe';
-export * from './multiselect/multiselect-options.pipe';
-export * from './size/size.pipe';
+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/header.css

@@ -0,0 +1,526 @@
+.gov-pictogram {
+    margin-left: -0.375rem;
+    max-width: 52px;
+    color: var(--color-primary-600);
+}
+
+.gov-pictogram--logo {
+    max-width: 187px;
+    max-height: 64;
+}
+
+.gov-pictogram--large {
+    max-width: 78px
+}
+
+.gov-pictogram--inversed {
+    color: var(--color-neutral-0)
+}
+
+.gov-pictogram--dark {
+    color: var(--color-neutral-700)
+}
+
+.gov-pictogram svg {
+    width: 100%
+}
+
+.gov-logo {
+    display: flex;
+    align-items: center;
+    color: var(--color-primary-600) !important;
+    text-decoration: none
+}
+
+.gov-logo__sitename {
+    display: inline-block;
+    margin-left: .625rem;
+    color: currentColor;
+    font-size: 1.3125rem;
+    font-weight: 700
+}
+
+@media not all and (pointer: coarse) {
+    .gov-logo:hover>* {
+        color: currentColor
+    }
+}
+
+.gov-logo:visited>* {
+    color: currentColor
+}
+
+.gov-logo:focus {
+    box-shadow: 0 0 0 2px var(--color-neutral-0)
+}
+
+.gov-logo--large .gov-logo__sitename {
+    font-size: 1.625rem
+}
+
+.gov-logo--inversed {
+    color: var(--color-neutral-0) !important
+}
+
+.gov-logo--dark {
+    color: var(--color-neutral-700) !important
+}
+
+.gov-container {
+    display: block;
+    overflow: hidden;
+    padding: 2.5rem 1.25rem;
+    width: 100%
+}
+
+.gov-container__content {
+    display: block;
+    margin: 0 auto;
+    max-width: 70rem
+}
+
+.gov-container--no-y-offset {
+    padding: 0 1.25rem
+}
+
+.gov-container--as-page {
+    padding: 6.25rem 1.25rem
+}
+
+.gov-container--as-page p,
+.gov-container--as-page .gov-paragraph,
+.gov-container--as-page table tbody td,
+table tbody .gov-container--as-page td,
+.gov-container--as-page .gov-table tbody td,
+.gov-table tbody .gov-container--as-page td {
+    max-width: 580px
+}
+
+.gov-container--branded {
+    padding-bottom: 13.75rem
+}
+
+.gov-container--branded .gov-container__content {
+    position: relative
+}
+
+.gov-container--branded .gov-container__content:after {
+    display: block;
+    position: absolute;
+    top: -1.25rem;
+    right: 0;
+    width: 586px;
+    opacity: .05;
+    transform: translateX(30%)
+}
+
+@media(max-width: 51.99em) {
+    .gov-container:not(.gov-container--no-y-offset):not(.gov-container--as-page):not(.gov-container--branded):not(.gov-footer) {
+        padding: 1.25rem
+    }
+
+    .gov-container--branded .gov-container__content:after {
+        top: 60%;
+        width: 428px;
+        transform: translateX(20%)
+    }
+}
+
+@media(max-width: 31.99em) {
+    .gov-container--as-page {
+        padding: 3.75rem 1.25rem
+    }
+
+    .gov-container--branded {
+        padding-bottom: 7.5rem
+    }
+}
+
+.gov-header {
+    overflow: initial;
+    background-color: var(--color-primary-600);
+}
+
+.gov-header.is-fixed {
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    z-index: 110
+}
+
+.gov-header__holder {
+    padding-top: 1.25rem;
+    padding-bottom: 1.0625rem;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between
+}
+
+.gov-header__separator {
+    display: none;
+    position: relative;
+    margin: 0;
+    height: 1px;
+    border: none;
+    border-bottom: 1px solid var(--primary-darker);
+}
+
+@media(min-width: 56.25em) {
+    .gov-header__separator {
+        display: block
+    }
+}
+
+.gov-header__logo {
+    display: flex;
+    align-items: center;
+    text-decoration: none
+}
+
+@media not all and (pointer: coarse) {
+    .gov-header__logo:hover .gov-header__site-name {
+        color: #fff
+    }
+}
+
+.gov-header__site-name {
+    padding-left: .625rem;
+    font-size: 1.3125rem;
+    font-weight: 700;
+    color: var(--color-neutral-0)
+}
+
+.gov-header__site-name--large {
+    font-size: 1.625rem
+}
+
+.gov-header__site-name--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: 1.5625rem;
+        width: auto
+    }
+}
+
+.gov-header__item {
+    margin-left: .9375rem
+}
+
+@media screen and (min-width: 56.25em) {
+    .gov-header__item {
+        margin-left: 1.875rem
+    }
+}
+
+.gov-header__item--login {
+    display: none
+}
+
+@media screen and (min-width: 56.25em) {
+    .gov-header__item--login {
+        display: block
+    }
+}
+
+.gov-header__item:nth-child(1) {
+    order: 3;
+    width: 100%;
+    margin-left: 0
+}
+
+@media screen and (min-width: 56.25em) {
+    .gov-header__item:nth-child(1) {
+        order: unset;
+        width: auto;
+        margin-left: 1.875rem
+    }
+}
+
+@media screen and (min-width: 56.25em) {
+    .gov-header__item--mobile {
+        display: none
+    }
+}
+
+.gov-header__lang {
+    order: 3;
+    margin-left: .625rem
+}
+
+@media screen and (min-width: 56.25em) {
+    .gov-header__lang {
+        margin-left: 1.5625rem
+    }
+}
+
+.gov-header__fixed-items {
+    display: flex;
+    align-items: center
+}
+
+@media screen and (max-width: 56.25em) {
+    .gov-header__fixed-items {
+        position: relative;
+        top: -1.375rem;
+        z-index: 10
+    }
+}
+
+.gov-header__hamburger {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    background-color: transparent;
+    border: 0;
+    cursor: pointer;
+    vertical-align: middle;
+    text-align: center;
+    text-decoration: none;
+    appearance: none;
+    -webkit-appearance: none;
+    padding: 0;
+    padding-left: .5rem;
+    padding-right: 2.5rem;
+    height: 1.875rem;
+    font-size: .875rem;
+    color: var(--color-neutral-0);
+    transform: rotate(0deg)
+}
+
+.gov-header__hamburger:focus {
+    outline: none;
+    background-color: var(--color-primary-600);
+}
+
+@media not all and (pointer: coarse) {
+    .gov-header__hamburger:hover {
+        background-color: transparent;
+        color: var(--color-neutral-0)
+    }
+}
+
+.gov-header__hamburger.active span:nth-child(1) {
+    top: .9375rem;
+    transform: rotate(45deg)
+}
+
+.gov-header__hamburger.active span:nth-child(2) {
+    width: 1.125rem;
+    top: .9375rem;
+    transform: rotate(-45deg)
+}
+
+.gov-header__hamburger span {
+    display: block;
+    position: absolute;
+    height: .125rem;
+    width: 1.125rem;
+    background: var(--color-neutral-0);
+    border-radius: 2px;
+    opacity: 1;
+    transform: rotate(0deg);
+    transition: .2s ease-out
+}
+
+.gov-header__hamburger span:nth-child(1) {
+    right: .75rem;
+    top: .625rem
+}
+
+.gov-header__hamburger span:nth-child(2) {
+    top: 1.1875rem;
+    width: .75rem;
+    right: .75rem
+}
+
+.gov-header .gov-logo {
+    color: #fff
+}
+
+.gov-header .gov-search {
+    margin-bottom: 0;
+    padding: 0
+}
+
+.gov-header .gov-search [type=text] {
+    padding-top: .625rem;
+    padding-bottom: .5625rem;
+    font-size: 1rem
+}
+
+.gov-header__nav-holder {
+    padding-top: 7.5rem
+}
+
+@media screen and (min-width: 56.25em) {
+    .gov-header__nav-holder {
+        position: relative;
+        left: -0.9375rem;
+        display: flex;
+        justify-content: space-between;
+        padding-top: 0;
+        width: calc(100% + 30px)
+    }
+}
+
+.gov-header__nav {
+    display: none;
+    background-color: var(--color-primary-600);
+}
+
+@media screen and (min-width: 56.25em) {
+    .gov-header__nav {
+        display: block
+    }
+}
+
+.gov-header__nav-logo {
+    display: none
+}
+
+.gov-header__nav-logo.active {
+    position: absolute;
+    top: 1.25rem;
+    left: 1.875rem;
+    display: block
+}
+
+.gov-header__nav.active {
+    display: block;
+    z-index: 9;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    overflow-y: scroll;
+    padding-bottom: 1.25rem;
+    height: 100vh;
+    width: 100%
+}
+
+@media screen and (min-width: 30em) {
+    .gov-header__nav.active {
+        right: 0;
+        width: 22.5rem
+    }
+}
+
+.gov-header__overlay {
+    display: none;
+    z-index: 8;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    backdrop-filter: blur(2px);
+    background-color: rgba(0, 0, 0, .5)
+}
+
+.gov-header__overlay.active {
+    display: block;
+    min-height: 100vh
+}
+
+.gov-header__link .gov-link,
+.gov-header__link .gov-sortable-table__trigger,
+.gov-header__link .gov-portal-nav__link,
+.gov-header__link .gov-fileinput__attachments>li>span {
+    position: relative;
+    display: block;
+    padding: .9375rem 3rem .9375rem 2.25rem
+}
+
+@media screen and (min-width: 56.25em) {
+
+    .gov-header__link .gov-link,
+    .gov-header__link .gov-sortable-table__trigger,
+    .gov-header__link .gov-portal-nav__link,
+    .gov-header__link .gov-fileinput__attachments>li>span {
+        padding: 1.5625rem 1.25rem;
+        text-decoration: none
+    }
+
+    .gov-header__link .gov-link:before,
+    .gov-header__link .gov-sortable-table__trigger:before,
+    .gov-header__link .gov-portal-nav__link:before,
+    .gov-header__link .gov-fileinput__attachments>li>span:before {
+        content: "";
+        display: block;
+        position: absolute;
+        top: -1px;
+        left: 1.25rem;
+        right: 1.25rem;
+        height: 2px;
+        background-color: var(--color-neutral-0);
+        transform: scale(0, 1);
+        transition: transform 256ms ease-out;
+        will-change: transform
+    }
+
+    .gov-header__link .gov-link--external:before,
+    .gov-header__link .gov-link[target=_blank]:before,
+    .gov-header__link [target=_blank].gov-sortable-table__trigger:before,
+    .gov-header__link [target=_blank].gov-portal-nav__link:before,
+    .gov-header__link .gov-fileinput__attachments>li>span[target=_blank]:before {
+        right: 1.75rem
+    }
+
+    .gov-header__link .gov-link--external:after,
+    .gov-header__link .gov-link[target=_blank]:after,
+    .gov-header__link [target=_blank].gov-sortable-table__trigger:after,
+    .gov-header__link [target=_blank].gov-portal-nav__link:after,
+    .gov-header__link .gov-fileinput__attachments>li>span[target=_blank]:after {
+        position: relative;
+        top: -0.5rem;
+        max-height: 16px
+    }
+}
+
+@media not all and (pointer: coarse) {
+
+    .gov-header__link:hover .gov-link:before,
+    .gov-header__link:hover .gov-sortable-table__trigger:before,
+    .gov-header__link:hover .gov-portal-nav__link:before,
+    .gov-header__link:hover .gov-fileinput__attachments>li>span:before {
+        transform: scale(1, 1)
+    }
+}
+
+.gov-header__link.is-active .gov-link:before,
+.gov-header__link.is-active .gov-sortable-table__trigger:before,
+.gov-header__link.is-active .gov-portal-nav__link:before,
+.gov-header__link.is-active .gov-fileinput__attachments>li>span:before {
+    transform: scale(1, 1)
+}
+
+@media screen and (min-width: 56.25em) {
+
+    .gov-header__link--active .gov-link:before,
+    .gov-header__link--active .gov-sortable-table__trigger:before,
+    .gov-header__link--active .gov-portal-nav__link:before,
+    .gov-header__link--active .gov-fileinput__attachments>li>span:before {
+        content: "";
+        display: block;
+        position: absolute;
+        top: -1px;
+        left: 0;
+        right: 0;
+        height: 2px;
+        background-color: var(--color-neutral-0)
+    }
+}