@verisoft/ui-govcz 0.0.1

package/src/sass/gov-header.css

@@ -0,0 +1,574 @@
+/*!
+ * 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)
+}
+
+.gov-pictogram--logo {
+    max-width: 187px;
+    max-height: 64;
+}
+
+.gov-pictogram--large {
+    max-width: 78px
+}
+
+.gov-pictogram--inversed {
+    color: var(--gov-color-white)
+}
+
+.gov-pictogram--dark {
+    color: var(--gov-color-grey-dark)
+}
+
+.gov-pictogram svg {
+    width: 100%
+}
+
+.gov-logo {
+    display: flex;
+    align-items: center;
+    color: var(--gov-color-blue) !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(--gov-color-white)
+}
+
+.gov-logo--large .gov-logo__sitename {
+    font-size: 1.625rem
+}
+
+.gov-logo--inversed {
+    color: var(--gov-color-white) !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
+}
+
+.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(--gov-color-blue)
+}
+
+.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(--gov-color-blue-light)
+}
+
+@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(--gov-color-white)
+}
+
+.gov-header__site-name--large {
+    font-size: 1.625rem
+}
+
+.gov-header__site-name--dark {
+    color: var(--gov-color-grey-dark)
+}
+
+.gov-header__right {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    width: 100%;
+    margin-top: -1.5625rem
+}
+
+@media screen and (min-width: 56.25em) {
+    .gov-header__right {
+        margin-top: 0;
+        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 {
+    display: inline-block;
+    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(--gov-color-white);
+    text-align: center;
+    transform: rotate(0deg)
+}
+
+.gov-header__hamburger:focus {
+    outline: none
+}
+
+.gov-header__hamburger:focus {
+    background-color: var(--gov-color-blue)
+}
+
+@media not all and (pointer: coarse) {
+    .gov-header__hamburger:hover {
+        background-color: transparent;
+        color: var(--gov-color-white)
+    }
+}
+
+.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(--gov-color-white);
+    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: flex-start;
+        padding-top: 0;
+        width: calc(100% + 30px)
+    }
+}
+
+.gov-header__nav {
+    display: none;
+    background-color: var(--gov-color-blue)
+}
+
+@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(--gov-color-white);
+        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(--gov-color-white)
+    }
+}

package/src/sass/main.scss

@@ -0,0 +1,77 @@
+$version: "0.0.1";
+
+// v3.4
+@import "./gov-header.css";
+
+// v4.1
+@import "@gov-design-system-ce/styles/lib/tokens.css";
+@import "@gov-design-system-ce/styles/lib/styles.css";
+@import "@gov-design-system-ce/styles/lib/layout.css";
+@import "@gov-design-system-ce/styles/lib/components.css";
+
+@import "@gov-design-system-ce/styles/lib/components/gov-accordion-item.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-accordion.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-app.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-attachments-item.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-attachments.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-backdrop.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-breadcrumbs.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-button.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-card.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-chip.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-container.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-control-group.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-cookiebar.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-dialog.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-dropdown.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-empty.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-error-code.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-flex.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-form-autocomplete.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-form-checkbox.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-form-control.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-form-file.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-form-group.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-form-input.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-form-label-variable.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-form-label.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-form-message.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-form-multi-select.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-form-password-power.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-form-radio.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-form-search.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-form-select.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-form-switch.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-grid-item.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-grid.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-icon.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-infobar.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-layout-column.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-layout.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-link.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-loading.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-message.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-pagination.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-skeleton.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-spacer.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-stepper-item.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-stepper.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-tabs-item.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-tabs.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-tag.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-theme-switch.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-tile.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-tiles.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-toast.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-tooltip-content.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-tooltip.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-wizard-item.css";
+@import "@gov-design-system-ce/styles/lib/components/gov-wizard.css";
+
+@import "@gov-design-system-ce/fonts/lib/roboto.css";
+
+.gov-main-container {
+    max-width: 70rem;
+    margin: 0 auto;
+    padding-top: 2rem;
+}

package/src/test-setup.ts

@@ -0,0 +1,8 @@
+// @ts-expect-error https://thymikee.github.io/jest-preset-angular/docs/getting-started/test-environment
+globalThis.ngJest = {
+  testEnvironmentOptions: {
+    errorOnUnknownElements: true,
+    errorOnUnknownProperties: true,
+  },
+};
+import 'jest-preset-angular/setup-jest';

package/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "target": "es2022",
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "extends": "../../../tsconfig.base.json",
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}

package/tsconfig.lib.json

@@ -0,0 +1,17 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "src/**/*.spec.ts",
+    "src/test-setup.ts",
+    "jest.config.ts",
+    "src/**/*.test.ts"
+  ],
+  "include": ["src/**/*.ts"]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}