diff --git a/package.json b/package.json index 761580a..26307db 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@spd-minden/sozi-ui", - "version": "0.2.1", + "version": "0.2.2", "description": "Components for CI of SPD", "repository": { "type": "git", diff --git a/src/scss/components/_menu.scss b/src/scss/components/_menu.scss index 0553e8a..53493bb 100644 --- a/src/scss/components/_menu.scss +++ b/src/scss/components/_menu.scss @@ -36,6 +36,10 @@ } &-list-wrapper { + @include media-md() { + max-height: none !important; + } + @media only screen and (max-width: $grid__md - 1) { overflow: hidden; position: absolute; diff --git a/templates/css/styles.css b/templates/css/styles.css index 8c9ab65..364a09a 100644 --- a/templates/css/styles.css +++ b/templates/css/styles.css @@ -1,1802 +1 @@ -/*!*******************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/scss/styles.scss ***! - \*******************************************************************************************************************************************/ -@charset "UTF-8"; -:root { - --reflex-columns: 12; - --reflex-grid-spacing: 15px; - --reflex-xs: 576px; - --reflex-sm: 768px; - --reflex-md: 992px; - --reflex-lg: 1200px; - --reflex-xlg: 1600px; - --reflex-xxs-max: 575px; - --reflex-xs-max: 767px; - --reflex-sm-max: 991px; - --reflex-md-max: 1199px; - --reflex-lg-max: 1599px; -} - -.container, -.container-full { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - margin-right: auto; - margin-left: auto; - padding-right: 30px; - padding-left: 30px; -} -.container .grid, -.container-full .grid { - margin-right: -15px; - margin-left: -15px; -} - -@media (min-width: 576px) { - .container { - max-width: 576px; - } -} -@media (min-width: 768px) { - .container { - max-width: 768px; - } -} -@media (min-width: 992px) { - .container { - max-width: 992px; - } -} -@media (min-width: 1200px) { - .container { - max-width: 1200px; - } -} -@media (min-width: 1600px) { - .container { - max-width: 1600px; - } -} - -.grid { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - display: block; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-wrap: wrap; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0 auto; - position: relative; - letter-spacing: -0.31em; - *letter-spacing: normal; - word-spacing: -0.43em; - list-style-type: none; -} -.grid::before, .grid::after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - letter-spacing: normal; - word-spacing: normal; - white-space: normal; -} - -[class*=col-] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - letter-spacing: normal; - word-spacing: normal; - white-space: normal; - position: relative; - width: 100%; - vertical-align: top; - padding: 15px; - display: inline-block; - *display: inline; - zoom: 1; -} -[class*=col-]::before, [class*=col-]::after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - letter-spacing: normal; - word-spacing: normal; - white-space: normal; -} -[class*=col-] .grid { - -ms-flex: 1 1 auto; - -webkit-flex: 1 1 auto; - flex: 1 1 auto; - margin: -15px; -} - -.col-12 { - width: 100%; - *width: 99.9%; -} - -.col-10 { - width: 83.3333333333%; - *width: 83.2333333333%; -} - -.col-9 { - width: 75%; - *width: 74.9%; -} - -.col-7 { - width: 58.3333333333%; - *width: 58.2333333333%; -} - -.col-6 { - width: 50%; - *width: 49.9%; -} - -.col-4 { - width: 33.3333333333%; - *width: 33.2333333333%; -} - -.col-3 { - width: 25%; - *width: 24.9%; -} - -@media (min-width: 576px) { - .col-xs-12 { - width: 100%; - *width: 99.9%; - } - .col-xs-10 { - width: 83.3333333333%; - *width: 83.2333333333%; - } - .col-xs-8 { - width: 66.6666666667%; - *width: 66.5666666667%; - } - .col-xs-6 { - width: 50%; - *width: 49.9%; - } - .col-xs-4 { - width: 33.3333333333%; - *width: 33.2333333333%; - } - .col-xs-2 { - width: 16.6666666667%; - *width: 16.5666666667%; - } -} -@media (min-width: 768px) { - .col-sm-12 { - width: 100%; - *width: 99.9%; - } - .col-sm-6 { - width: 50%; - *width: 49.9%; - } - .col-sm-4 { - width: 33.3333333333%; - *width: 33.2333333333%; - } -} -@media (min-width: 992px) { - .col-md-8 { - width: 66.6666666667%; - *width: 66.5666666667%; - } - .col-md-7 { - width: 58.3333333333%; - *width: 58.2333333333%; - } - .col-md-6 { - width: 50%; - *width: 49.9%; - } - .col-md-4 { - width: 33.3333333333%; - *width: 33.2333333333%; - } - .col-md-3 { - width: 25%; - *width: 24.9%; - } -} -@media (min-width: 1200px) { - .col-lg-8 { - width: 66.6666666667%; - *width: 66.5666666667%; - } - .col-lg-4 { - width: 33.3333333333%; - *width: 33.2333333333%; - } -} -@media (min-width: 1600px) { - .col-xlg-12 { - width: 100%; - *width: 99.9%; - } - .col-xlg-8 { - width: 66.6666666667%; - *width: 66.5666666667%; - } - .col-xlg-4 { - width: 33.3333333333%; - *width: 33.2333333333%; - } -} -.col-auto { - -ms-flex: 1 0 0px; - -webkit-flex: 1 0 0px; - flex: 1 0 0px; - width: auto; -} -@media (min-width: 768px) { - .col-sm-auto { - -ms-flex: 1 0 0px; - -webkit-flex: 1 0 0px; - flex: 1 0 0px; - width: auto; - } -} -@media (min-width: 992px) { - .col-md-auto { - -ms-flex: 1 0 0px; - -webkit-flex: 1 0 0px; - flex: 1 0 0px; - width: auto; - } -} -@media (min-width: 1200px) { - .col-lg-auto { - -ms-flex: 1 0 0px; - -webkit-flex: 1 0 0px; - flex: 1 0 0px; - width: auto; - } -} -@media (min-width: 1600px) { - .col-xlg-auto { - -ms-flex: 1 0 0px; - -webkit-flex: 1 0 0px; - flex: 1 0 0px; - width: auto; - } -} - -.order-3 { - -ms-flex-order: 3; - -webkit-order: 3; - order: 3; -} - -.order-2 { - -ms-flex-order: 2; - -webkit-order: 2; - order: 2; -} - -.order-1 { - -ms-flex-order: 1; - -webkit-order: 1; - order: 1; -} -@media (min-width: 992px) { - .order-md-3 { - -ms-flex-order: 3; - -webkit-order: 3; - order: 3; - } - .order-md-2 { - -ms-flex-order: 2; - -webkit-order: 2; - order: 2; - } - .order-md-1 { - -ms-flex-order: 1; - -webkit-order: 1; - order: 1; - } -} - -.offset-3 { - margin-left: 25%; - *margin-left: 24.9%; -} -@media (min-width: 992px) { - .offset-md-2 { - margin-left: 16.6666666667%; - *margin-left: 16.5666666667%; - } -} -@media (min-width: 1200px) { - .offset-lg-1 { - margin-left: 8.3333333333%; - *margin-left: 8.2333333333%; - } -} -.wrap { - -ms-flex-wrap: wrap; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; -} - -.no-wrap { - -ms-flex-wrap: nowrap; - -webkit-flex-wrap: nowrap; - flex-wrap: nowrap; -} -.no-wrap [class*=col-] { - -ms-flex-negative: 1; - -webkit-flex-shrink: 1; - flex-shrink: 1; -} - -.wrap-reverse { - -ms-flex-wrap: wrap-reverse; - -webkit-flex-wrap: wrap-reverse; - flex-wrap: wrap-reverse; -} - -.direction-row { - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; -} - -.direction-row-reverse { - -ms-flex-direction: row-reverse; - -webkit-flex-direction: row-reverse; - flex-direction: row-reverse; -} - -.direction-column { - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; -} - -.direction-column-reverse { - -ms-flex-direction: column-reverse; - -webkit-flex-direction: column-reverse; - flex-direction: column-reverse; -} - -.align-start { - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; -} - -.align-end { - -ms-flex-align: end; - -webkit-align-items: flex-end; - align-items: flex-end; -} -.align-end [class*=col-] { - vertical-align: bottom; -} - -.align-center { - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; -} -.align-center [class*=col-] { - vertical-align: middle; -} - -.align-baseline { - -ms-flex-align: baseline; - -webkit-align-items: baseline; - align-items: baseline; -} - -.align-content-start { - -ms-flex-line-pack: start; - -webkit-align-content: flex-start; - align-content: flex-start; -} - -.align-content-end { - -ms-flex-line-pack: end; - -webkit-align-content: flex-end; - align-content: flex-end; -} -.align-content-end [class*=col-] { - vertical-align: bottom; -} - -.align-content-center { - -ms-flex-line-pack: center; - -webkit-align-content: center; - align-content: center; -} - -.align-content-space-between { - -ms-flex-line-pack: justify; - -webkit-align-content: space-between; - align-content: space-between; -} - -.align-content-space-around { - -ms-flex-line-pack: distribute; - -webkit-align-content: space-around; - align-content: space-around; -} - -.align-self-stretch { - -ms-flex-item-align: stretch; - -webkit-align-self: stretch; - align-self: stretch; -} - -.align-self-start { - -ms-flex-item-align: start; - -webkit-align-self: flex-start; - align-self: flex-start; -} - -.align-self-end { - -ms-flex-item-align: end; - -webkit-align-self: flex-end; - align-self: flex-end; - vertical-align: bottom; -} - -.align-self-center { - -ms-flex-item-align: center; - -webkit-align-self: center; - align-self: center; - vertical-align: middle; -} - -.justify-end { - -ms-flex-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; -} -.justify-end.grid { - text-align: right; - -moz-text-align-last: right; - text-align-last: right; -} -.justify-end.grid [class*=col-] { - text-align: left; - text-align: start; - -moz-text-align-last: left; - -moz-text-align-last: start; - text-align-last: left; - text-align-last: start; -} - -.justify-center { - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -.justify-center.grid { - text-align: center; - -moz-text-align-last: center; - text-align-last: center; -} -.justify-center.grid [class*=col-] { - text-align: left; - text-align: start; - -moz-text-align-last: left; - -moz-text-align-last: start; - text-align-last: left; - text-align-last: start; -} - -.justify-space-between { - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; -} -.justify-space-between.grid { - text-align: justify; - -moz-text-align-last: justify; - text-align-last: justify; -} -.justify-space-between.grid [class*=col-] { - text-align: left; - text-align: start; - -moz-text-align-last: left; - -moz-text-align-last: start; - text-align-last: left; - text-align-last: start; -} - -.justify-space-around { - -ms-flex-pack: distribute; - -webkit-justify-content: space-around; - justify-content: space-around; -} -.justify-space-around.grid { - text-align: justify; - -moz-text-align-last: justify; - text-align-last: justify; -} -.justify-space-around.grid [class*=col-] { - text-align: left; - text-align: start; - -moz-text-align-last: left; - -moz-text-align-last: start; - text-align-last: left; - text-align-last: start; -} - -.grid-bleed [class*=col-] { - padding: 0; -} - -.col-grid { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; -} -.col-grid.direction-row { - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; -} - -.col-bleed { - padding: 0; -} - -.col-bleed-x { - padding: 15px 0; -} - -.col-bleed-y { - padding: 0 15px; -} - -.flex-img { - display: block; - -ms-flex: 0 0 auto; - -webkit-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 100%; - height: auto; - width: 100%; - *width: auto; -} - -.flex-footer { - width: 100%; - margin-top: auto; - margin-bottom: 0; -} -.flex-footer > :last-child { - margin-bottom: 0; -} - -@media (min-width: 0px) and (max-width: 575px) { - .hidden-xxs { - display: none; - } -} - -@media (min-width: 576px) { - .hidden-xs-up { - display: none; - } -} - -@media (max-width: 767px) { - .hidden-xs-down { - display: none; - } -} - -@media (min-width: 576px) and (max-width: 767px) { - .hidden-xs { - display: none; - } -} - -@media (min-width: 768px) { - .hidden-sm-up { - display: none; - } -} - -@media (max-width: 991px) { - .hidden-sm-down { - display: none; - } -} - -@media (min-width: 768px) and (max-width: 991px) { - .hidden-sm { - display: none; - } -} - -@media (min-width: 992px) { - .hidden-md-up { - display: none; - } -} - -@media (max-width: 1199px) { - .hidden-md-down { - display: none; - } -} - -@media (min-width: 992px) and (max-width: 1199px) { - .hidden-md { - display: none; - } -} - -@media (min-width: 1200px) { - .hidden-lg-up { - display: none; - } -} - -@media (max-width: 1599px) { - .hidden-lg-down { - display: none; - } -} - -@media (min-width: 1200px) and (max-width: 1599px) { - .hidden-lg { - display: none; - } -} - -@media (min-width: 1600px) { - .hidden-xlg { - display: none; - } -} - -/** - * variables - * - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -/** - * grid - * - */ -:root { - --grid-columns: 12; - --grid-grid-spacing: 15px; - --grid-xs: 576px; - --grid-sm: 768px; - --grid-md: 992px; - --grid-lg: 1200px; - --grid-xlg: 1600px; - --grid-xxs-max: 575px; - --grid-xs-max: 767px; - --grid-sm-max: 991px; - --grid-md-max: 1199px; - --grid-lg-max: 1599px; -} - -/** - * fonts - * - */ -/** - * colors - * - * - */ -/** - * margin - * - */ -/** - * padding - * - */ -/** - * - */ -.container { - max-width: 1200px; -} - -/** - * functions - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -/** - * strip unit from value - * - * @param {mixed} $value - * @return {number} - * - */ -/** - * - * - * https://css-tricks.com/snippets/sass/str-replace-function/ - * - */ -/** - * get value of key "default" in map - * - * @param {map} $value - * @return {boolean|unit} - * - */ -/** - * factor - * - * - * - * @param {integer} $x - * @return {float} - * - */ -/** - * mixins - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -/** - * Clear Floats - * - * - * - */ -/** - * clear styles from list - * - * - */ -/** - * media-queries as mixins - * based on breakpoints from variables - * - * - * - */ -/** - * Set property and his value for each Breakpoint - * - * ( - * $md: 10px - * ) - * - * - * @param {css} $property - * @param {map} $breakpoints - * @param {Boolean} $important [false] - * - */ -/** - * Set property and his value with an factor for each Breakpoint - * - * ( - * $md: 10px - * ) - * - * @param {css} $property - * @param {number} $factor - * @param {map} $breakpoints - * @param {Boolean} $important [false] - * - */ -/** - * Set font-size from Breakpoints, use for calculating difference from font-size and default font-size - * - * ( - * $md: 1rem - * ) - * - * @param {map} $breakpoints - * @param {unit} $font-size - * @param {unit} $default - * @param {Boolean} $important [false] - * - */ -/** - * adding overlay with z-index and color - * - * @param {z-index} - * @param {color} - * - */ -/** - * Content - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.content { - /** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ - /** - * blockquote - * - * - */ - /** - * lists - * - */ -} -.content p { - margin: 0 0 1rem; -} -@media only screen and (min-width: 992px) { - .content p { - margin: 0 0 1.2rem; - } -} -.content a, -.content ins, -.content u { - text-decoration-skip: ink edges; -} -.content a { - text-decoration: underline; -} -.content b, -.content strong { - font-weight: bolder; -} -.content small { - font-size: 80%; -} -.content sub, -.content sup { - font-size: 70%; - line-height: 0; - position: relative; - vertical-align: baseline; -} -.content sub { - bottom: -0.25em; -} -.content sup { - top: -0.5em; -} -.content abbr[title] { - border-bottom: 1px dotted; - cursor: help; - text-decoration: none; -} -.content mark { - padding: 0.25rem; - background-color: var(--warning); -} -.content blockquote { - border-left: 1px solid #e3000f; - margin-left: 0; - padding: 0.6rem 0.8rem; -} -.content blockquote p:last-child { - margin-bottom: 0; -} -.content dl, -.content ol, -.content ul { - padding: 0; - margin: 0 0 1rem; -} -@media only screen and (min-width: 992px) { - .content dl, - .content ol, - .content ul { - margin: 0 0 1.2rem; - } -} -.content ul { - margin-left: 1.5rem; -} -.content ol { - margin-left: 2.5rem; -} -.content ol ol, -.content ul ul { - margin-top: 0; - margin-left: 1.5rem; -} -.content ol { - list-style: decimal outside; -} -.content ul { - list-style: square outside; -} -.content dl { - margin-left: 0.5rem; -} -.content dd, -.content dt { - margin: 0; -} -.content dt { - font-weight: bold; -} -.content code { - white-space: pre; - display: block; - color: var(--text-contrast); - overflow-y: hidden; - overflow-x: auto; - border: 1px solid #e3000f; - border-radius: 0; - background-color: var(--background); - margin: 0 0 1rem; - padding: 0.6rem 0.8rem; -} -@media only screen and (min-width: 992px) { - .content code { - margin: 0 0 1.2rem; - } -} -@media only screen and (min-width: 992px) { - .content code { - padding: 0.7rem 1rem 0.9rem; - } -} - -/** - * normalize - * - * Thanks to https://necolas.github.io/normalize.css/, use a lot from them - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -:root { - --body: #fff; - --text: #333; - --primary: #e3000f; - --brand: #e3000f; - --active: #e3000f; - --link: #e3000f; - --border: #e3000f; - --grey-very-light: #efefef; - --grey-medium: #bbb; - --grey: #e4e4e4; - --white: #ffffff; - --font-family: Open Sans, sans-serif; -} - -html { - font-size: 100%; - line-height: 1.15; - -webkit-text-size-adjust: 100%; -} - -body, -html { - margin: 0; - height: 100%; -} - -html, -legend { - box-sizing: border-box; -} - -body { - font-family: var(--font-family); - color: var(--text); - background-color: var(--body); - direction: ltr; - font-size: 0.9rem; - line-height: 1.618; -} -@media only screen and (min-width: 992px) { - body { - font-size: 1rem; - } -} - -a { - color: var(--link); - transition: color 0.5s; - text-decoration: none; -} -a:hover { - color: var(--link-hover); -} -a:focus { - outline: none; -} - -main { - display: block; -} - -*, -*::after, -*::before { - box-sizing: inherit; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -figure { - margin: 0; -} - -figcaption { - margin: 0; -} - -p { - margin: 0; -} - -/** - * form elements - * - * - */ -button, -input, -optgroup, -select, -textarea { - margin: 0; -} - -fieldset { - margin: 0 0 1rem; -} - -button, -select { - text-transform: none; -} - -[type=button], -[type=reset], -[type=submit], -button { - -webkit-appearance: button; -} - -[type=button]::-moz-focus-inner, -[type=reset]::-moz-focus-inner, -[type=submit]::-moz-focus-inner, -button::-moz-focus-inner { - border-style: none; - padding: 0; -} - -[type=button]:-moz-focusring, -[type=reset]:-moz-focusring, -[type=submit]:-moz-focusring, -button:-moz-focusring { - outline: 1px dotted ButtonText; -} - -legend { - box-sizing: border-box; - display: table; - max-width: 100%; - padding: 0; - white-space: normal; -} - -[type=number]::-webkit-inner-spin-button, -[type=number]::-webkit-outer-spin-button { - height: auto; -} - -[type=search] { - -webkit-appearance: textfield; - outline-offset: -2px; -} - -[type=search]::-webkit-search-decoration { - -webkit-appearance: none; -} - -::-webkit-file-upload-button { - -webkit-appearance: button; - font: inherit; -} - -/** - * hr - * - */ -hr { - box-sizing: content-box; - height: 0; - overflow: visible; - border: 0; - border-top: 1px solid var(--border); - margin: 0 0 1rem; -} - -progress { - vertical-align: baseline; -} - -details { - display: block; -} - -summary { - display: list-item; -} - -code, -kbd, -pre, -samp { - font-family: var(--font-family); - font-size: 0.9rem; -} - -/** - * Heading - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -/** - * add font-size for heading as class and element - * - * - */ -h1, .h1, -h2, .h2, -h3, .h3, -h4, .h4, -h5, .h5, -h6, .h6 { - font-family: "Open Sans", sans-serif; - font-weight: bold; - line-height: 1.2; - color: #e3000f; - margin: 0 0 1rem; -} -h1.highlight, .h1.highlight, -h2.highlight, .h2.highlight, -h3.highlight, .h3.highlight, -h4.highlight, .h4.highlight, -h5.highlight, .h5.highlight, -h6.highlight, .h6.highlight { - display: table; -} - -h1, .h1 { - font-size: 2.5rem; -} - -h2, .h2 { - font-size: 2rem; -} - -h3, .h3 { - font-size: 1.75rem; -} - -h4, .h4 { - font-size: 1.5rem; -} - -h5, .h5 { - font-size: 1.25rem; -} - -h6, .h6 { - font-size: 1rem; -} - -@media only screen and (min-width: 992px) { - h1, .h1 { - font-size: 3rem; - } - h2, .h2 { - font-size: 2.75rem; - } - h3, .h3 { - font-size: 2rem; - } - h4, .h4 { - font-size: 1.75rem; - } - h5, .h5 { - font-size: 1.5rem; - } - h6, .h6 { - font-size: 1.2rem; - } -} -/** - * colors - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ - -/** - * core - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.border { - border: 1px solid #e3000f; -} - -.round { - border-radius: 50%; -} - -/** - * floating - * - * - */ - -.centered { - margin-left: auto; - margin-right: auto; -} - -/** - * position - * - * - */ -.absolute { - position: absolute !important; -} - -.fixed { - position: fixed !important; -} - -.relative { - position: relative !important; -} - -/** - * - * - */ - -/** - * - * - */ - -/** - * - * - */ -.justify-content-center { - justify-content: center; -} - -/** - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ - -/** - * Sizing - * - * Width and Height Classes, - * Sizes with percentage will calculate with the Reflex Grid - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -/** - * mixin: sizing - * - */ -/** - * mixin: sizing for each breakpoint - * - * - */ -.h-1 { - height: 1px; -} -.w-100 { - width: 100%; -} -.w-8 { - width: 4rem; -} -.h-1 { - height: 0.5rem; -} -.h-9 { - height: 4.5rem; -} -/** - * Spacing - * - * creates margin and padding for each direction and for each breakpont - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -/** - * mixin: spacing for single padding or margin - * - * - */ -/** - * mixin: spacing for each breakpoint - * - * - */ -/** - * - * - * - */ - -.m-bottom-last-child-0 > *:last-child { - margin-bottom: 0; -} - -.m-top--1 { - margin-top: -0.25em; -} - -.m-1 { - margin: 1px; -} -.m-bottom-5 { - margin-bottom: 2rem; -} -.m-bottom-6 { - margin-bottom: 3.125rem; -} -.p-0 { - padding: 0; -} - -.p-1 { - padding: 1px; -} - -.p-0 { - padding: 0.125rem; -} -.p-1 { - padding: 0rem; -} -/** - * typography - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.left { - text-align: left; -} -.right { - text-align: right; -} -.center { - text-align: center; -} -.justify { - text-align: justify; -} -.uppercase { - text-transform: uppercase; -} -.lowercase { - text-transform: lowercase; -} -.crossed { - text-decoration: line-through; -} -.underline { - text-decoration: underline; -} -.capitalize { - text-transform: capitalize; -} -.italic { - font-style: italic; -} -.light { - font-weight: lighter; -} -.normal { - font-weight: normal; -} -.medium { - font-weight: medium; -} -.bold { - font-weight: bolder; -} -/** - * font-sizes - * - * - */ -.size-big { - font-size: 2.7rem; -} -/** - * white-space - * - * - */ -/** - * visibility - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -/** - * display - * - * - */ -/** - * for hidden-xs etc, show https://reflexgrid.com/#visibility-helpers - * - * @TODO full integration of reflexgrid will change this part - * - */ -/** - * Visibility - * - */ - -/** - * Opacity - * - * - */ - -/** - * - * - */ - -.hidden { - display: none; -} - -@font-face { - font-family: "Open Sans"; - src: url("/fonts/OpenSans-Italic.eot"); - src: url("/fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Italic.woff2") format("woff2"), url("/fonts/OpenSans-Italic.woff") format("woff"), url("/fonts/OpenSans-Italic.ttf") format("truetype"); - font-weight: normal; - font-style: italic; - font-display: swap; -} -@font-face { - font-family: "Open Sans"; - src: url("/fonts/OpenSans-Regular.eot"); - src: url("/fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Regular.woff2") format("woff2"), url("/fonts/OpenSans-Regular.woff") format("woff"), url("/fonts/OpenSans-Regular.ttf") format("truetype"); - font-weight: normal; - font-style: normal; - font-display: swap; -} -@font-face { - font-family: "Open Sans"; - src: url("/fonts/OpenSans-Bold.eot"); - src: url("/fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Bold.woff2") format("woff2"), url("/fonts/OpenSans-Bold.woff") format("woff"), url("/fonts/OpenSans-Bold.ttf") format("truetype"); - font-weight: bold; - font-style: normal; - font-display: swap; -} -/** - * - * - * @author Björn Hase, me@herr-hase.wtf - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitea.node001.net/tiny-components/plain-ui.git - * - */ -.sozi-ui__icon { - width: 1em; - height: 1em; - max-height: 100%; - max-width: 100%; - vertical-align: middle; - overflow: hidden; - font-size: 1.4rem; - fill: var(--text); -} - -/** - * - * - */ -/** - * - * - * - */ -.sozi-ui__button { - border-radius: 2.5rem; - height: auto; - padding: 0.625rem 1.875rem; -} -.sozi-ui__button:hover { - cursor: pointer; -} -.sozi-ui__button--transparent { - background: transparent; - border: 0; -} - -/** - * - * - */ -body { - padding-top: 86px; -} - -.site-header { - position: fixed; - top: 0; - height: 86px; - left: 0; - width: 100%; - z-index: 1; - background: white; -} - -.sozi-ui__header { - position: relative; -} -.sozi-ui__header:before { - position: absolute; - top: 0; - left: 0; - content: ""; - border-bottom: 200px solid var(--primary); - width: 100%; -} -.sozi-ui__header-content { - margin-top: 1em; - position: relative; - overflow: hidden; - background: var(--grey-very-light); - max-width: 800px; - font-size: 1.25rem; - padding: 2em; -} -.sozi-ui__header-content:before { - font-size: 20rem; - content: "“"; - color: white; - position: absolute; - top: 0; - line-height: 0.4; - left: 10px; -} -.sozi-ui__header-content:after { - font-size: 20rem; - content: "”"; - color: white; - position: absolute; - bottom: -120px; - line-height: 0.4; - right: 10px; -} - -.sozi-ui__panel { - padding: 3em; -} -.sozi-ui__panel--primary { - background-color: var(--primary); - padding: 1.75em 2em; -} -.sozi-ui__panel--primary p, .sozi-ui__panel--primary h1, .sozi-ui__panel--primary h2, .sozi-ui__panel--primary h3, .sozi-ui__panel--primary h4, .sozi-ui__panel--primary h5, .sozi-ui__panel--primary h6 { - color: var(--white); -} - -.sozi-ui__menu { - display: flex; - align-items: center; - justify-content: space-between; -} -.sozi-ui__menu-start .sozi-ui__icon { - font-size: 2.75em; -} -.sozi-ui__menu-start .sozi-ui__button--menu { - padding: 0; -} -.sozi-ui__menu-logo { - height: 50px; -} -.sozi-ui__menu-item { - color: var(--text); - font-weight: bold; - padding: 0.26em 0 0.26em; - margin-top: -0.25em; - margin-left: 1em; - border-bottom: 2px solid transparent; -} -.sozi-ui__menu-item--current, .sozi-ui__menu-item:hover { - color: var(--active); - border-color: var(--active); -} -@media only screen and (max-width: 991px) { - .sozi-ui__menu-item { - margin-top: 0; - } -} -@media only screen and (max-width: 991px) { - .sozi-ui__menu-list-wrapper { - overflow: hidden; - position: absolute; - max-height: 0; - top: 86px; - left: 0; - background: white; - width: calc(100% + 2.2em); - z-index: 1; - margin: 0 -1.1em 0; - display: block; - transition: max-height 0.1s ease-in; - } -} -@media only screen and (max-width: 991px) { - .sozi-ui__menu-list-wrapper a { - display: block; - font-size: 1.2rem; - padding-left: 1.6em; - padding-right: 1.6em; - margin-left: 0; - } -} - -/** - * - * - */ -.sozi-topics__item { - border-bottom: 1px solid var(--primary); - padding-bottom: 1.25em; - margin-bottom: 1.25em; -} -@media only screen and (min-width: 768px) { - .sozi-topics__item { - display: flex; - } -} -.sozi-topics__item-media { - line-height: 0; - width: 100%; -} -.sozi-topics__item-media img { - width: 100%; - margin-bottom: 1.25em; -} -@media only screen and (min-width: 768px) { - .sozi-topics__item-media { - order: 0; - } - .sozi-topics__item-media img { - max-width: 200px; - margin-bottom: 0; - } -} -@media only screen and (min-width: 768px) { - .sozi-topics__item-body { - margin-left: 1.25em; - order: 1; - } -} -.sozi-topics__item-title { - margin-top: 0; - color: var(--primary); -} -@media only screen and (min-width: 768px) { - .sozi-topics__item--odd .sozi-topics__item-media { - order: 1; - } -} -@media only screen and (min-width: 768px) { - .sozi-topics__item--odd .sozi-topics__item-body { - margin-left: 0; - margin-right: 1.25em; - order: 0; - } -} - -.sozi-ui__footer { - background-color: var(--grey-very-light); - border-top: 15px solid var(--grey); -} -.sozi-ui__footer-menu { - list-style: none; - padding: 0; - margin: 0; -} -.sozi-ui__footer-menu li { - border-bottom: 1px solid var(--grey-medium); - padding: 0 0 2px; - margin-bottom: 7px; -} -.sozi-ui__footer-menu li a { - color: var(--black); -} -.sozi-ui__footer-menu li a:hover { - color: var(--primary); -} - -/*# sourceMappingURL=styles.css.map */ \ No newline at end of file +:root{--reflex-columns: 12;--reflex-grid-spacing: 15px;--reflex-xs: 576px;--reflex-sm: 768px;--reflex-md: 992px;--reflex-lg: 1200px;--reflex-xlg: 1600px;--reflex-xxs-max: 575px;--reflex-xs-max: 767px;--reflex-sm-max: 991px;--reflex-md-max: 1199px;--reflex-lg-max: 1599px}.container,.container-full{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}.container .grid,.container-full .grid{margin-right:-15px;margin-left:-15px}@media(min-width: 576px){.container{max-width:576px}}@media(min-width: 768px){.container{max-width:768px}}@media(min-width: 992px){.container{max-width:992px}}@media(min-width: 1200px){.container{max-width:1200px}}@media(min-width: 1600px){.container{max-width:1600px}}.grid{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0 auto;position:relative;letter-spacing:-0.31em;*letter-spacing:normal;word-spacing:-0.43em;list-style-type:none}.grid::before,.grid::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;letter-spacing:normal;word-spacing:normal;white-space:normal}[class*=col-]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;letter-spacing:normal;word-spacing:normal;white-space:normal;position:relative;width:100%;vertical-align:top;padding:15px;display:inline-block;*display:inline;zoom:1}[class*=col-]::before,[class*=col-]::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;letter-spacing:normal;word-spacing:normal;white-space:normal}[class*=col-] .grid{-ms-flex:1 1 auto;-webkit-flex:1 1 auto;flex:1 1 auto;margin:-15px}.col-12{width:100%;*width:99.9%}.col-10{width:83.3333333333%;*width:83.2333333333%}.col-9{width:75%;*width:74.9%}.col-7{width:58.3333333333%;*width:58.2333333333%}.col-6{width:50%;*width:49.9%}.col-4{width:33.3333333333%;*width:33.2333333333%}.col-3{width:25%;*width:24.9%}@media(min-width: 576px){.col-xs-12{width:100%;*width:99.9%}.col-xs-10{width:83.3333333333%;*width:83.2333333333%}.col-xs-8{width:66.6666666667%;*width:66.5666666667%}.col-xs-6{width:50%;*width:49.9%}.col-xs-4{width:33.3333333333%;*width:33.2333333333%}.col-xs-2{width:16.6666666667%;*width:16.5666666667%}}@media(min-width: 768px){.col-sm-12{width:100%;*width:99.9%}.col-sm-6{width:50%;*width:49.9%}.col-sm-4{width:33.3333333333%;*width:33.2333333333%}}@media(min-width: 992px){.col-md-8{width:66.6666666667%;*width:66.5666666667%}.col-md-7{width:58.3333333333%;*width:58.2333333333%}.col-md-6{width:50%;*width:49.9%}.col-md-4{width:33.3333333333%;*width:33.2333333333%}.col-md-3{width:25%;*width:24.9%}}@media(min-width: 1200px){.col-lg-8{width:66.6666666667%;*width:66.5666666667%}.col-lg-4{width:33.3333333333%;*width:33.2333333333%}}@media(min-width: 1600px){.col-xlg-12{width:100%;*width:99.9%}.col-xlg-8{width:66.6666666667%;*width:66.5666666667%}.col-xlg-4{width:33.3333333333%;*width:33.2333333333%}}.col-auto{-ms-flex:1 0 0px;-webkit-flex:1 0 0px;flex:1 0 0px;width:auto}@media(min-width: 768px){.col-sm-auto{-ms-flex:1 0 0px;-webkit-flex:1 0 0px;flex:1 0 0px;width:auto}}@media(min-width: 992px){.col-md-auto{-ms-flex:1 0 0px;-webkit-flex:1 0 0px;flex:1 0 0px;width:auto}}@media(min-width: 1200px){.col-lg-auto{-ms-flex:1 0 0px;-webkit-flex:1 0 0px;flex:1 0 0px;width:auto}}@media(min-width: 1600px){.col-xlg-auto{-ms-flex:1 0 0px;-webkit-flex:1 0 0px;flex:1 0 0px;width:auto}}.order-3{-ms-flex-order:3;-webkit-order:3;order:3}.order-2{-ms-flex-order:2;-webkit-order:2;order:2}.order-1{-ms-flex-order:1;-webkit-order:1;order:1}@media(min-width: 992px){.order-md-3{-ms-flex-order:3;-webkit-order:3;order:3}.order-md-2{-ms-flex-order:2;-webkit-order:2;order:2}.order-md-1{-ms-flex-order:1;-webkit-order:1;order:1}}.offset-3{margin-left:25%;*margin-left:24.9%}@media(min-width: 992px){.offset-md-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}}@media(min-width: 1200px){.offset-lg-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}}.wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.no-wrap{-ms-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.no-wrap [class*=col-]{-ms-flex-negative:1;-webkit-flex-shrink:1;flex-shrink:1}.wrap-reverse{-ms-flex-wrap:wrap-reverse;-webkit-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.direction-row{-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.direction-row-reverse{-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.direction-column{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.direction-column-reverse{-ms-flex-direction:column-reverse;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.align-start{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.align-end{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.align-end [class*=col-]{vertical-align:bottom}.align-center{-ms-flex-align:center;-webkit-align-items:center;align-items:center}.align-center [class*=col-]{vertical-align:middle}.align-baseline{-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline}.align-content-start{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.align-content-end{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.align-content-end [class*=col-]{vertical-align:bottom}.align-content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.align-content-space-between{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.align-content-space-around{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.align-self-stretch{-ms-flex-item-align:stretch;-webkit-align-self:stretch;align-self:stretch}.align-self-start{-ms-flex-item-align:start;-webkit-align-self:flex-start;align-self:flex-start}.align-self-end{-ms-flex-item-align:end;-webkit-align-self:flex-end;align-self:flex-end;vertical-align:bottom}.align-self-center{-ms-flex-item-align:center;-webkit-align-self:center;align-self:center;vertical-align:middle}.justify-end{-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.justify-end.grid{text-align:right;-moz-text-align-last:right;text-align-last:right}.justify-end.grid [class*=col-]{text-align:left;text-align:start;-moz-text-align-last:left;-moz-text-align-last:start;text-align-last:left;text-align-last:start}.justify-center{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.justify-center.grid{text-align:center;-moz-text-align-last:center;text-align-last:center}.justify-center.grid [class*=col-]{text-align:left;text-align:start;-moz-text-align-last:left;-moz-text-align-last:start;text-align-last:left;text-align-last:start}.justify-space-between{-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.justify-space-between.grid{text-align:justify;-moz-text-align-last:justify;text-align-last:justify}.justify-space-between.grid [class*=col-]{text-align:left;text-align:start;-moz-text-align-last:left;-moz-text-align-last:start;text-align-last:left;text-align-last:start}.justify-space-around{-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.justify-space-around.grid{text-align:justify;-moz-text-align-last:justify;text-align-last:justify}.justify-space-around.grid [class*=col-]{text-align:left;text-align:start;-moz-text-align-last:left;-moz-text-align-last:start;text-align-last:left;text-align-last:start}.grid-bleed [class*=col-]{padding:0}.col-grid{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.col-grid.direction-row{-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.col-bleed{padding:0}.col-bleed-x{padding:15px 0}.col-bleed-y{padding:0 15px}.flex-img{display:block;-ms-flex:0 0 auto;-webkit-flex:0 0 auto;flex:0 0 auto;max-width:100%;height:auto;width:100%;*width:auto}.flex-footer{width:100%;margin-top:auto;margin-bottom:0}.flex-footer>:last-child{margin-bottom:0}@media(min-width: 0px)and (max-width: 575px){.hidden-xxs{display:none}}@media(min-width: 576px){.hidden-xs-up{display:none}}@media(max-width: 767px){.hidden-xs-down{display:none}}@media(min-width: 576px)and (max-width: 767px){.hidden-xs{display:none}}@media(min-width: 768px){.hidden-sm-up{display:none}}@media(max-width: 991px){.hidden-sm-down{display:none}}@media(min-width: 768px)and (max-width: 991px){.hidden-sm{display:none}}@media(min-width: 992px){.hidden-md-up{display:none}}@media(max-width: 1199px){.hidden-md-down{display:none}}@media(min-width: 992px)and (max-width: 1199px){.hidden-md{display:none}}@media(min-width: 1200px){.hidden-lg-up{display:none}}@media(max-width: 1599px){.hidden-lg-down{display:none}}@media(min-width: 1200px)and (max-width: 1599px){.hidden-lg{display:none}}@media(min-width: 1600px){.hidden-xlg{display:none}}:root{--grid-columns: 12;--grid-grid-spacing: 15px;--grid-xs: 576px;--grid-sm: 768px;--grid-md: 992px;--grid-lg: 1200px;--grid-xlg: 1600px;--grid-xxs-max: 575px;--grid-xs-max: 767px;--grid-sm-max: 991px;--grid-md-max: 1199px;--grid-lg-max: 1599px}.container{max-width:1200px}.content p{margin:0 0 1rem}@media only screen and (min-width: 992px){.content p{margin:0 0 1.2rem}}.content a,.content ins,.content u{text-decoration-skip:ink edges}.content a{text-decoration:underline}.content b,.content strong{font-weight:bolder}.content small{font-size:80%}.content sub,.content sup{font-size:70%;line-height:0;position:relative;vertical-align:baseline}.content sub{bottom:-0.25em}.content sup{top:-0.5em}.content abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}.content mark{padding:.25rem;background-color:var(--warning)}.content blockquote{border-left:1px solid #e3000f;margin-left:0;padding:.6rem .8rem}.content blockquote p:last-child{margin-bottom:0}.content dl,.content ol,.content ul{padding:0;margin:0 0 1rem}@media only screen and (min-width: 992px){.content dl,.content ol,.content ul{margin:0 0 1.2rem}}.content ul{margin-left:1.5rem}.content ol{margin-left:2.5rem}.content ol ol,.content ul ul{margin-top:0;margin-left:1.5rem}.content ol{list-style:decimal outside}.content ul{list-style:square outside}.content dl{margin-left:.5rem}.content dd,.content dt{margin:0}.content dt{font-weight:bold}.content code{white-space:pre;display:block;color:var(--text-contrast);overflow-y:hidden;overflow-x:auto;border:1px solid #e3000f;border-radius:0;background-color:var(--background);margin:0 0 1rem;padding:.6rem .8rem}@media only screen and (min-width: 992px){.content code{margin:0 0 1.2rem}}@media only screen and (min-width: 992px){.content code{padding:.7rem 1rem .9rem}}:root{--body:#fff;--text:#333;--primary:#e3000f;--brand:#e3000f;--active:#e3000f;--link:#e3000f;--border:#e3000f;--grey-very-light:#efefef;--grey-medium:#bbb;--grey:#e4e4e4;--white:#fff;--font-family: Open Sans, sans-serif}html{font-size:100%;line-height:1.15;-webkit-text-size-adjust:100%}body,html{margin:0;height:100%}html,legend{box-sizing:border-box}body{font-family:var(--font-family);color:var(--text);background-color:var(--body);direction:ltr;font-size:.9rem;line-height:1.618}@media only screen and (min-width: 992px){body{font-size:1rem}}a{color:var(--link);transition:color .5s;text-decoration:none}a:hover{color:var(--link-hover)}a:focus{outline:none}main{display:block}*,*::after,*::before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}figure{margin:0}figcaption{margin:0}p{margin:0}button,input,optgroup,select,textarea{margin:0}fieldset{margin:0 0 1rem}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid var(--border);margin:0 0 1rem}progress{vertical-align:baseline}details{display:block}summary{display:list-item}code,kbd,pre,samp{font-family:var(--font-family);font-size:.9rem}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:"Open Sans",sans-serif;font-weight:bold;line-height:1.2;color:#e3000f;margin:0 0 1rem}h1.highlight,.h1.highlight,h2.highlight,.h2.highlight,h3.highlight,.h3.highlight,h4.highlight,.h4.highlight,h5.highlight,.h5.highlight,h6.highlight,.h6.highlight{display:table}h1,.h1{font-size:2.5rem}h2,.h2{font-size:2rem}h3,.h3{font-size:1.75rem}h4,.h4{font-size:1.5rem}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}@media only screen and (min-width: 992px){h1,.h1{font-size:3rem}h2,.h2{font-size:2.75rem}h3,.h3{font-size:2rem}h4,.h4{font-size:1.75rem}h5,.h5{font-size:1.5rem}h6,.h6{font-size:1.2rem}}.border{border:1px solid #e3000f}.round{border-radius:50%}.centered{margin-left:auto;margin-right:auto}.absolute{position:absolute !important}.fixed{position:fixed !important}.relative{position:relative !important}.justify-content-center{justify-content:center}.h-1{height:1px}.w-100{width:100%}.w-8{width:4rem}.h-1{height:0.5rem}.h-9{height:4.5rem}.m-bottom-last-child-0>*:last-child{margin-bottom:0}.m-top--1{margin-top:-0.25em}.m-1{margin:1px}.m-bottom-5{margin-bottom:2rem}.m-bottom-6{margin-bottom:3.125rem}.p-0{padding:0}.p-1{padding:1px}.p-0{padding:.125rem}.p-1{padding:0rem}.left{text-align:left}.right{text-align:right}.center{text-align:center}.justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.crossed{text-decoration:line-through}.underline{text-decoration:underline}.capitalize{text-transform:capitalize}.italic{font-style:italic}.light{font-weight:lighter}.normal{font-weight:normal}.medium{font-weight:medium}.bold{font-weight:bolder}.size-big{font-size:2.7rem}.hidden{display:none}@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans-Italic.eot");src:url("/fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"),url("/fonts/OpenSans-Italic.woff2") format("woff2"),url("/fonts/OpenSans-Italic.woff") format("woff"),url("/fonts/OpenSans-Italic.ttf") format("truetype");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans-Regular.eot");src:url("/fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),url("/fonts/OpenSans-Regular.woff2") format("woff2"),url("/fonts/OpenSans-Regular.woff") format("woff"),url("/fonts/OpenSans-Regular.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Open Sans";src:url("/fonts/OpenSans-Bold.eot");src:url("/fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"),url("/fonts/OpenSans-Bold.woff2") format("woff2"),url("/fonts/OpenSans-Bold.woff") format("woff"),url("/fonts/OpenSans-Bold.ttf") format("truetype");font-weight:bold;font-style:normal;font-display:swap}.sozi-ui__icon{width:1em;height:1em;max-height:100%;max-width:100%;vertical-align:middle;overflow:hidden;font-size:1.4rem;fill:var(--text)}.sozi-ui__button{border-radius:2.5rem;height:auto;padding:.625rem 1.875rem}.sozi-ui__button:hover{cursor:pointer}.sozi-ui__button--transparent{background:rgba(0,0,0,0);border:0}body{padding-top:86px}.site-header{position:fixed;top:0;height:86px;left:0;width:100%;z-index:1;background:#fff}.sozi-ui__header{position:relative}.sozi-ui__header:before{position:absolute;top:0;left:0;content:"";border-bottom:200px solid var(--primary);width:100%}.sozi-ui__header-content{margin-top:1em;position:relative;overflow:hidden;background:var(--grey-very-light);max-width:800px;font-size:1.25rem;padding:2em}.sozi-ui__header-content:before{font-size:20rem;content:"“";color:#fff;position:absolute;top:0;line-height:.4;left:10px}.sozi-ui__header-content:after{font-size:20rem;content:"”";color:#fff;position:absolute;bottom:-120px;line-height:.4;right:10px}.sozi-ui__panel{padding:3em}.sozi-ui__panel--primary{background-color:var(--primary);padding:1.75em 2em}.sozi-ui__panel--primary p,.sozi-ui__panel--primary h1,.sozi-ui__panel--primary h2,.sozi-ui__panel--primary h3,.sozi-ui__panel--primary h4,.sozi-ui__panel--primary h5,.sozi-ui__panel--primary h6{color:var(--white)}.sozi-ui__menu{display:flex;align-items:center;justify-content:space-between}.sozi-ui__menu-start .sozi-ui__icon{font-size:2.75em}.sozi-ui__menu-start .sozi-ui__button--menu{padding:0}.sozi-ui__menu-logo{height:50px}.sozi-ui__menu-item{color:var(--text);font-weight:bold;padding:.26em 0 .26em;margin-top:-0.25em;margin-left:1em;border-bottom:2px solid rgba(0,0,0,0)}.sozi-ui__menu-item--current,.sozi-ui__menu-item:hover{color:var(--active);border-color:var(--active)}@media only screen and (max-width: 991px){.sozi-ui__menu-item{margin-top:0}}@media only screen and (min-width: 992px){.sozi-ui__menu-list-wrapper{max-height:none !important}}@media only screen and (max-width: 991px){.sozi-ui__menu-list-wrapper{overflow:hidden;position:absolute;max-height:0;top:86px;left:0;background:#fff;width:calc(100% + 2.2em);z-index:1;margin:0 -1.1em 0;display:block;transition:max-height .1s ease-in}}@media only screen and (max-width: 991px){.sozi-ui__menu-list-wrapper a{display:block;font-size:1.2rem;padding-left:1.6em;padding-right:1.6em;margin-left:0}}.sozi-topics__item{border-bottom:1px solid var(--primary);padding-bottom:1.25em;margin-bottom:1.25em}@media only screen and (min-width: 768px){.sozi-topics__item{display:flex}}.sozi-topics__item-media{line-height:0;width:100%}.sozi-topics__item-media img{width:100%;margin-bottom:1.25em}@media only screen and (min-width: 768px){.sozi-topics__item-media{order:0}.sozi-topics__item-media img{max-width:200px;margin-bottom:0}}@media only screen and (min-width: 768px){.sozi-topics__item-body{margin-left:1.25em;order:1}}.sozi-topics__item-title{margin-top:0;color:var(--primary)}@media only screen and (min-width: 768px){.sozi-topics__item--odd .sozi-topics__item-media{order:1}}@media only screen and (min-width: 768px){.sozi-topics__item--odd .sozi-topics__item-body{margin-left:0;margin-right:1.25em;order:0}}.sozi-ui__footer{background-color:var(--grey-very-light);border-top:15px solid var(--grey)}.sozi-ui__footer-menu{list-style:none;padding:0;margin:0}.sozi-ui__footer-menu li{border-bottom:1px solid var(--grey-medium);padding:0 0 2px;margin-bottom:7px}.sozi-ui__footer-menu li a{color:var(--black)}.sozi-ui__footer-menu li a:hover{color:var(--primary)} diff --git a/templates/js/menu.js b/templates/js/menu.js index 5df0403..ae20e89 100644 --- a/templates/js/menu.js +++ b/templates/js/menu.js @@ -1 +1 @@ -(()=>{var __webpack_modules__={"./node_modules/cash-dom/dist/cash.js":module=>{eval("(function(){\n\"use strict\";\nvar doc = document;\nvar win = window;\nvar docEle = doc.documentElement;\nvar createElement = doc.createElement.bind(doc);\nvar div = createElement('div');\nvar table = createElement('table');\nvar tbody = createElement('tbody');\nvar tr = createElement('tr');\nvar isArray = Array.isArray, ArrayPrototype = Array.prototype;\nvar concat = ArrayPrototype.concat, filter = ArrayPrototype.filter, indexOf = ArrayPrototype.indexOf, map = ArrayPrototype.map, push = ArrayPrototype.push, slice = ArrayPrototype.slice, some = ArrayPrototype.some, splice = ArrayPrototype.splice;\nvar idRe = /^#(?:[\\w-]|\\\\.|[^\\x00-\\xa0])*$/;\nvar classRe = /^\\.(?:[\\w-]|\\\\.|[^\\x00-\\xa0])*$/;\nvar htmlRe = /<.+>/;\nvar tagRe = /^\\w+$/;\n// @require ./variables.ts\nfunction find(selector, context) {\n var isFragment = isDocumentFragment(context);\n return !selector || (!isFragment && !isDocument(context) && !isElement(context))\n ? []\n : !isFragment && classRe.test(selector)\n ? context.getElementsByClassName(selector.slice(1).replace(/\\\\/g, ''))\n : !isFragment && tagRe.test(selector)\n ? context.getElementsByTagName(selector)\n : context.querySelectorAll(selector);\n}\n// @require ./find.ts\n// @require ./variables.ts\nvar Cash = /** @class */ (function () {\n function Cash(selector, context) {\n if (!selector)\n return;\n if (isCash(selector))\n return selector;\n var eles = selector;\n if (isString(selector)) {\n var ctx = context || doc;\n eles = idRe.test(selector) && isDocument(ctx)\n ? ctx.getElementById(selector.slice(1).replace(/\\\\/g, ''))\n : htmlRe.test(selector)\n ? parseHTML(selector)\n : isCash(ctx)\n ? ctx.find(selector)\n : isString(ctx)\n ? cash(ctx).find(selector)\n : find(selector, ctx);\n if (!eles)\n return;\n }\n else if (isFunction(selector)) {\n return this.ready(selector); //FIXME: `fn.ready` is not included in `core`, but it's actually a core functionality\n }\n if (eles.nodeType || eles === win)\n eles = [eles];\n this.length = eles.length;\n for (var i = 0, l = this.length; i < l; i++) {\n this[i] = eles[i];\n }\n }\n Cash.prototype.init = function (selector, context) {\n return new Cash(selector, context);\n };\n return Cash;\n}());\nvar fn = Cash.prototype;\nvar cash = fn.init;\ncash.fn = cash.prototype = fn; // Ensuring that `cash () instanceof cash`\nfn.length = 0;\nfn.splice = splice; // Ensuring a cash collection gets printed as array-like in Chrome's devtools\nif (typeof Symbol === 'function') { // Ensuring a cash collection is iterable\n fn[Symbol['iterator']] = ArrayPrototype[Symbol['iterator']];\n}\nfunction isCash(value) {\n return value instanceof Cash;\n}\nfunction isWindow(value) {\n return !!value && value === value.window;\n}\nfunction isDocument(value) {\n return !!value && value.nodeType === 9;\n}\nfunction isDocumentFragment(value) {\n return !!value && value.nodeType === 11;\n}\nfunction isElement(value) {\n return !!value && value.nodeType === 1;\n}\nfunction isText(value) {\n return !!value && value.nodeType === 3;\n}\nfunction isBoolean(value) {\n return typeof value === 'boolean';\n}\nfunction isFunction(value) {\n return typeof value === 'function';\n}\nfunction isString(value) {\n return typeof value === 'string';\n}\nfunction isUndefined(value) {\n return value === undefined;\n}\nfunction isNull(value) {\n return value === null;\n}\nfunction isNumeric(value) {\n return !isNaN(parseFloat(value)) && isFinite(value);\n}\nfunction isPlainObject(value) {\n if (typeof value !== 'object' || value === null)\n return false;\n var proto = Object.getPrototypeOf(value);\n return proto === null || proto === Object.prototype;\n}\ncash.isWindow = isWindow;\ncash.isFunction = isFunction;\ncash.isArray = isArray;\ncash.isNumeric = isNumeric;\ncash.isPlainObject = isPlainObject;\nfunction each(arr, callback, _reverse) {\n if (_reverse) {\n var i = arr.length;\n while (i--) {\n if (callback.call(arr[i], i, arr[i]) === false)\n return arr;\n }\n }\n else if (isPlainObject(arr)) {\n var keys = Object.keys(arr);\n for (var i = 0, l = keys.length; i < l; i++) {\n var key = keys[i];\n if (callback.call(arr[key], key, arr[key]) === false)\n return arr;\n }\n }\n else {\n for (var i = 0, l = arr.length; i < l; i++) {\n if (callback.call(arr[i], i, arr[i]) === false)\n return arr;\n }\n }\n return arr;\n}\ncash.each = each;\nfn.each = function (callback) {\n return each(this, callback);\n};\nfn.empty = function () {\n return this.each(function (i, ele) {\n while (ele.firstChild) {\n ele.removeChild(ele.firstChild);\n }\n });\n};\nfunction extend() {\n var sources = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n sources[_i] = arguments[_i];\n }\n var deep = isBoolean(sources[0]) ? sources.shift() : false;\n var target = sources.shift();\n var length = sources.length;\n if (!target)\n return {};\n if (!length)\n return extend(deep, cash, target);\n for (var i = 0; i < length; i++) {\n var source = sources[i];\n for (var key in source) {\n if (deep && (isArray(source[key]) || isPlainObject(source[key]))) {\n if (!target[key] || target[key].constructor !== source[key].constructor)\n target[key] = new source[key].constructor();\n extend(deep, target[key], source[key]);\n }\n else {\n target[key] = source[key];\n }\n }\n }\n return target;\n}\ncash.extend = extend;\nfn.extend = function (plugins) {\n return extend(fn, plugins);\n};\n// @require ./type_checking.ts\nvar splitValuesRe = /\\S+/g;\nfunction getSplitValues(str) {\n return isString(str) ? str.match(splitValuesRe) || [] : [];\n}\nfn.toggleClass = function (cls, force) {\n var classes = getSplitValues(cls);\n var isForce = !isUndefined(force);\n return this.each(function (i, ele) {\n if (!isElement(ele))\n return;\n each(classes, function (i, c) {\n if (isForce) {\n force ? ele.classList.add(c) : ele.classList.remove(c);\n }\n else {\n ele.classList.toggle(c);\n }\n });\n });\n};\nfn.addClass = function (cls) {\n return this.toggleClass(cls, true);\n};\nfn.removeAttr = function (attr) {\n var attrs = getSplitValues(attr);\n return this.each(function (i, ele) {\n if (!isElement(ele))\n return;\n each(attrs, function (i, a) {\n ele.removeAttribute(a);\n });\n });\n};\nfunction attr(attr, value) {\n if (!attr)\n return;\n if (isString(attr)) {\n if (arguments.length < 2) {\n if (!this[0] || !isElement(this[0]))\n return;\n var value_1 = this[0].getAttribute(attr);\n return isNull(value_1) ? undefined : value_1;\n }\n if (isUndefined(value))\n return this;\n if (isNull(value))\n return this.removeAttr(attr);\n return this.each(function (i, ele) {\n if (!isElement(ele))\n return;\n ele.setAttribute(attr, value);\n });\n }\n for (var key in attr) {\n this.attr(key, attr[key]);\n }\n return this;\n}\nfn.attr = attr;\nfn.removeClass = function (cls) {\n if (arguments.length)\n return this.toggleClass(cls, false);\n return this.attr('class', '');\n};\nfn.hasClass = function (cls) {\n return !!cls && some.call(this, function (ele) { return isElement(ele) && ele.classList.contains(cls); });\n};\nfn.get = function (index) {\n if (isUndefined(index))\n return slice.call(this);\n index = Number(index);\n return this[index < 0 ? index + this.length : index];\n};\nfn.eq = function (index) {\n return cash(this.get(index));\n};\nfn.first = function () {\n return this.eq(0);\n};\nfn.last = function () {\n return this.eq(-1);\n};\nfunction text(text) {\n if (isUndefined(text)) {\n return this.get().map(function (ele) { return isElement(ele) || isText(ele) ? ele.textContent : ''; }).join('');\n }\n return this.each(function (i, ele) {\n if (!isElement(ele))\n return;\n ele.textContent = text;\n });\n}\nfn.text = text;\n// @require core/type_checking.ts\n// @require core/variables.ts\nfunction computeStyle(ele, prop, isVariable) {\n if (!isElement(ele))\n return;\n var style = win.getComputedStyle(ele, null);\n return isVariable ? style.getPropertyValue(prop) || undefined : style[prop] || ele.style[prop];\n}\n// @require ./compute_style.ts\nfunction computeStyleInt(ele, prop) {\n return parseInt(computeStyle(ele, prop), 10) || 0;\n}\n// @require css/helpers/compute_style_int.ts\nfunction getExtraSpace(ele, xAxis) {\n return computeStyleInt(ele, \"border\".concat(xAxis ? 'Left' : 'Top', \"Width\")) + computeStyleInt(ele, \"padding\".concat(xAxis ? 'Left' : 'Top')) + computeStyleInt(ele, \"padding\".concat(xAxis ? 'Right' : 'Bottom')) + computeStyleInt(ele, \"border\".concat(xAxis ? 'Right' : 'Bottom', \"Width\"));\n}\n// @require css/helpers/compute_style.ts\nvar defaultDisplay = {};\nfunction getDefaultDisplay(tagName) {\n if (defaultDisplay[tagName])\n return defaultDisplay[tagName];\n var ele = createElement(tagName);\n doc.body.insertBefore(ele, null);\n var display = computeStyle(ele, 'display');\n doc.body.removeChild(ele);\n return defaultDisplay[tagName] = display !== 'none' ? display : 'block';\n}\n// @require css/helpers/compute_style.ts\nfunction isHidden(ele) {\n return computeStyle(ele, 'display') === 'none';\n}\n// @require ./cash.ts\nfunction matches(ele, selector) {\n var matches = ele && (ele['matches'] || ele['webkitMatchesSelector'] || ele['msMatchesSelector']);\n return !!matches && !!selector && matches.call(ele, selector);\n}\n// @require ./matches.ts\n// @require ./type_checking.ts\nfunction getCompareFunction(comparator) {\n return isString(comparator)\n ? function (i, ele) { return matches(ele, comparator); }\n : isFunction(comparator)\n ? comparator\n : isCash(comparator)\n ? function (i, ele) { return comparator.is(ele); }\n : !comparator\n ? function () { return false; }\n : function (i, ele) { return ele === comparator; };\n}\nfn.filter = function (comparator) {\n var compare = getCompareFunction(comparator);\n return cash(filter.call(this, function (ele, i) { return compare.call(ele, i, ele); }));\n};\n// @require collection/filter.ts\nfunction filtered(collection, comparator) {\n return !comparator ? collection : collection.filter(comparator);\n}\nfn.detach = function (comparator) {\n filtered(this, comparator).each(function (i, ele) {\n if (ele.parentNode) {\n ele.parentNode.removeChild(ele);\n }\n });\n return this;\n};\nvar fragmentRe = /^\\s*<(\\w+)[^>]*>/;\nvar singleTagRe = /^<(\\w+)\\s*\\/?>(?:<\\/\\1>)?$/;\nvar containers = {\n '*': div,\n tr: tbody,\n td: tr,\n th: tr,\n thead: table,\n tbody: table,\n tfoot: table\n};\n//TODO: Create elements inside a document fragment, in order to prevent inline event handlers from firing\n//TODO: Ensure the created elements have the fragment as their parent instead of null, this also ensures we can deal with detatched nodes more reliably\nfunction parseHTML(html) {\n if (!isString(html))\n return [];\n if (singleTagRe.test(html))\n return [createElement(RegExp.$1)];\n var fragment = fragmentRe.test(html) && RegExp.$1;\n var container = containers[fragment] || containers['*'];\n container.innerHTML = html;\n return cash(container.childNodes).detach().get();\n}\ncash.parseHTML = parseHTML;\nfn.has = function (selector) {\n var comparator = isString(selector)\n ? function (i, ele) { return find(selector, ele).length; }\n : function (i, ele) { return ele.contains(selector); };\n return this.filter(comparator);\n};\nfn.not = function (comparator) {\n var compare = getCompareFunction(comparator);\n return this.filter(function (i, ele) { return (!isString(comparator) || isElement(ele)) && !compare.call(ele, i, ele); });\n};\nfunction pluck(arr, prop, deep, until) {\n var plucked = [];\n var isCallback = isFunction(prop);\n var compare = until && getCompareFunction(until);\n for (var i = 0, l = arr.length; i < l; i++) {\n if (isCallback) {\n var val_1 = prop(arr[i]);\n if (val_1.length)\n push.apply(plucked, val_1);\n }\n else {\n var val_2 = arr[i][prop];\n while (val_2 != null) {\n if (until && compare(-1, val_2))\n break;\n plucked.push(val_2);\n val_2 = deep ? val_2[prop] : null;\n }\n }\n }\n return plucked;\n}\n// @require core/pluck.ts\n// @require core/variables.ts\nfunction getValue(ele) {\n if (ele.multiple && ele.options)\n return pluck(filter.call(ele.options, function (option) { return option.selected && !option.disabled && !option.parentNode.disabled; }), 'value');\n return ele.value || '';\n}\nfunction val(value) {\n if (!arguments.length)\n return this[0] && getValue(this[0]);\n return this.each(function (i, ele) {\n var isSelect = ele.multiple && ele.options;\n if (isSelect || checkableRe.test(ele.type)) {\n var eleValue_1 = isArray(value) ? map.call(value, String) : (isNull(value) ? [] : [String(value)]);\n if (isSelect) {\n each(ele.options, function (i, option) {\n option.selected = eleValue_1.indexOf(option.value) >= 0;\n }, true);\n }\n else {\n ele.checked = eleValue_1.indexOf(ele.value) >= 0;\n }\n }\n else {\n ele.value = isUndefined(value) || isNull(value) ? '' : value;\n }\n });\n}\nfn.val = val;\nfn.is = function (comparator) {\n var compare = getCompareFunction(comparator);\n return some.call(this, function (ele, i) { return compare.call(ele, i, ele); });\n};\ncash.guid = 1;\nfunction unique(arr) {\n return arr.length > 1 ? filter.call(arr, function (item, index, self) { return indexOf.call(self, item) === index; }) : arr;\n}\ncash.unique = unique;\nfn.add = function (selector, context) {\n return cash(unique(this.get().concat(cash(selector, context).get())));\n};\nfn.children = function (comparator) {\n return filtered(cash(unique(pluck(this, function (ele) { return ele.children; }))), comparator);\n};\nfn.parent = function (comparator) {\n return filtered(cash(unique(pluck(this, 'parentNode'))), comparator);\n};\nfn.index = function (selector) {\n var child = selector ? cash(selector)[0] : this[0];\n var collection = selector ? this : cash(child).parent().children();\n return indexOf.call(collection, child);\n};\nfn.closest = function (comparator) {\n var filtered = this.filter(comparator);\n if (filtered.length)\n return filtered;\n var $parent = this.parent();\n if (!$parent.length)\n return filtered;\n return $parent.closest(comparator);\n};\nfn.siblings = function (comparator) {\n return filtered(cash(unique(pluck(this, function (ele) { return cash(ele).parent().children().not(ele); }))), comparator);\n};\nfn.find = function (selector) {\n return cash(unique(pluck(this, function (ele) { return find(selector, ele); })));\n};\n// @require core/variables.ts\n// @require collection/filter.ts\n// @require traversal/find.ts\nvar HTMLCDATARe = /^\\s*\\s*$/g;\nvar scriptTypeRe = /^$|^module$|\\/(java|ecma)script/i;\nvar scriptAttributes = ['type', 'src', 'nonce', 'noModule'];\nfunction evalScripts(node, doc) {\n var collection = cash(node);\n collection.filter('script').add(collection.find('script')).each(function (i, ele) {\n if (scriptTypeRe.test(ele.type) && docEle.contains(ele)) { // The script type is supported // The element is attached to the DOM // Using `documentElement` for broader browser support\n var script_1 = createElement('script');\n script_1.text = ele.textContent.replace(HTMLCDATARe, '');\n each(scriptAttributes, function (i, attr) {\n if (ele[attr])\n script_1[attr] = ele[attr];\n });\n doc.head.insertBefore(script_1, null);\n doc.head.removeChild(script_1);\n }\n });\n}\n// @require ./eval_scripts.ts\nfunction insertElement(anchor, target, left, inside, evaluate) {\n if (inside) { // prepend/append\n anchor.insertBefore(target, left ? anchor.firstChild : null);\n }\n else { // before/after\n if (anchor.nodeName === 'HTML') {\n anchor.parentNode.replaceChild(target, anchor);\n }\n else {\n anchor.parentNode.insertBefore(target, left ? anchor : anchor.nextSibling);\n }\n }\n if (evaluate) {\n evalScripts(target, anchor.ownerDocument);\n }\n}\n// @require ./insert_element.ts\nfunction insertSelectors(selectors, anchors, inverse, left, inside, reverseLoop1, reverseLoop2, reverseLoop3) {\n each(selectors, function (si, selector) {\n each(cash(selector), function (ti, target) {\n each(cash(anchors), function (ai, anchor) {\n var anchorFinal = inverse ? target : anchor;\n var targetFinal = inverse ? anchor : target;\n var indexFinal = inverse ? ti : ai;\n insertElement(anchorFinal, !indexFinal ? targetFinal : targetFinal.cloneNode(true), left, inside, !indexFinal);\n }, reverseLoop3);\n }, reverseLoop2);\n }, reverseLoop1);\n return anchors;\n}\nfn.after = function () {\n return insertSelectors(arguments, this, false, false, false, true, true);\n};\nfn.append = function () {\n return insertSelectors(arguments, this, false, false, true);\n};\nfunction html(html) {\n if (!arguments.length)\n return this[0] && this[0].innerHTML;\n if (isUndefined(html))\n return this;\n var hasScript = /]/.test(html);\n return this.each(function (i, ele) {\n if (!isElement(ele))\n return;\n if (hasScript) {\n cash(ele).empty().append(html);\n }\n else {\n ele.innerHTML = html;\n }\n });\n}\nfn.html = html;\nfn.appendTo = function (selector) {\n return insertSelectors(arguments, this, true, false, true);\n};\nfn.wrapInner = function (selector) {\n return this.each(function (i, ele) {\n var $ele = cash(ele);\n var contents = $ele.contents();\n contents.length ? contents.wrapAll(selector) : $ele.append(selector);\n });\n};\nfn.before = function () {\n return insertSelectors(arguments, this, false, true);\n};\nfn.wrapAll = function (selector) {\n var structure = cash(selector);\n var wrapper = structure[0];\n while (wrapper.children.length)\n wrapper = wrapper.firstElementChild;\n this.first().before(structure);\n return this.appendTo(wrapper);\n};\nfn.wrap = function (selector) {\n return this.each(function (i, ele) {\n var wrapper = cash(selector)[0];\n cash(ele).wrapAll(!i ? wrapper : wrapper.cloneNode(true));\n });\n};\nfn.insertAfter = function (selector) {\n return insertSelectors(arguments, this, true, false, false, false, false, true);\n};\nfn.insertBefore = function (selector) {\n return insertSelectors(arguments, this, true, true);\n};\nfn.prepend = function () {\n return insertSelectors(arguments, this, false, true, true, true, true);\n};\nfn.prependTo = function (selector) {\n return insertSelectors(arguments, this, true, true, true, false, false, true);\n};\nfn.contents = function () {\n return cash(unique(pluck(this, function (ele) { return ele.tagName === 'IFRAME' ? [ele.contentDocument] : (ele.tagName === 'TEMPLATE' ? ele.content.childNodes : ele.childNodes); })));\n};\nfn.next = function (comparator, _all, _until) {\n return filtered(cash(unique(pluck(this, 'nextElementSibling', _all, _until))), comparator);\n};\nfn.nextAll = function (comparator) {\n return this.next(comparator, true);\n};\nfn.nextUntil = function (until, comparator) {\n return this.next(comparator, true, until);\n};\nfn.parents = function (comparator, _until) {\n return filtered(cash(unique(pluck(this, 'parentElement', true, _until))), comparator);\n};\nfn.parentsUntil = function (until, comparator) {\n return this.parents(comparator, until);\n};\nfn.prev = function (comparator, _all, _until) {\n return filtered(cash(unique(pluck(this, 'previousElementSibling', _all, _until))), comparator);\n};\nfn.prevAll = function (comparator) {\n return this.prev(comparator, true);\n};\nfn.prevUntil = function (until, comparator) {\n return this.prev(comparator, true, until);\n};\nfn.map = function (callback) {\n return cash(concat.apply([], map.call(this, function (ele, i) { return callback.call(ele, i, ele); })));\n};\nfn.clone = function () {\n return this.map(function (i, ele) { return ele.cloneNode(true); });\n};\nfn.offsetParent = function () {\n return this.map(function (i, ele) {\n var offsetParent = ele.offsetParent;\n while (offsetParent && computeStyle(offsetParent, 'position') === 'static') {\n offsetParent = offsetParent.offsetParent;\n }\n return offsetParent || docEle;\n });\n};\nfn.slice = function (start, end) {\n return cash(slice.call(this, start, end));\n};\n// @require ./cash.ts\nvar dashAlphaRe = /-([a-z])/g;\nfunction camelCase(str) {\n return str.replace(dashAlphaRe, function (match, letter) { return letter.toUpperCase(); });\n}\nfn.ready = function (callback) {\n var cb = function () { return setTimeout(callback, 0, cash); };\n if (doc.readyState !== 'loading') {\n cb();\n }\n else {\n doc.addEventListener('DOMContentLoaded', cb);\n }\n return this;\n};\nfn.unwrap = function () {\n this.parent().each(function (i, ele) {\n if (ele.tagName === 'BODY')\n return;\n var $ele = cash(ele);\n $ele.replaceWith($ele.children());\n });\n return this;\n};\nfn.offset = function () {\n var ele = this[0];\n if (!ele)\n return;\n var rect = ele.getBoundingClientRect();\n return {\n top: rect.top + win.pageYOffset,\n left: rect.left + win.pageXOffset\n };\n};\nfn.position = function () {\n var ele = this[0];\n if (!ele)\n return;\n var isFixed = (computeStyle(ele, 'position') === 'fixed');\n var offset = isFixed ? ele.getBoundingClientRect() : this.offset();\n if (!isFixed) {\n var doc_1 = ele.ownerDocument;\n var offsetParent = ele.offsetParent || doc_1.documentElement;\n while ((offsetParent === doc_1.body || offsetParent === doc_1.documentElement) && computeStyle(offsetParent, 'position') === 'static') {\n offsetParent = offsetParent.parentNode;\n }\n if (offsetParent !== ele && isElement(offsetParent)) {\n var parentOffset = cash(offsetParent).offset();\n offset.top -= parentOffset.top + computeStyleInt(offsetParent, 'borderTopWidth');\n offset.left -= parentOffset.left + computeStyleInt(offsetParent, 'borderLeftWidth');\n }\n }\n return {\n top: offset.top - computeStyleInt(ele, 'marginTop'),\n left: offset.left - computeStyleInt(ele, 'marginLeft')\n };\n};\nvar propMap = {\n /* GENERAL */\n class: 'className',\n contenteditable: 'contentEditable',\n /* LABEL */\n for: 'htmlFor',\n /* INPUT */\n readonly: 'readOnly',\n maxlength: 'maxLength',\n tabindex: 'tabIndex',\n /* TABLE */\n colspan: 'colSpan',\n rowspan: 'rowSpan',\n /* IMAGE */\n usemap: 'useMap'\n};\nfn.prop = function (prop, value) {\n if (!prop)\n return;\n if (isString(prop)) {\n prop = propMap[prop] || prop;\n if (arguments.length < 2)\n return this[0] && this[0][prop];\n return this.each(function (i, ele) { ele[prop] = value; });\n }\n for (var key in prop) {\n this.prop(key, prop[key]);\n }\n return this;\n};\nfn.removeProp = function (prop) {\n return this.each(function (i, ele) { delete ele[propMap[prop] || prop]; });\n};\nvar cssVariableRe = /^--/;\n// @require ./variables.ts\nfunction isCSSVariable(prop) {\n return cssVariableRe.test(prop);\n}\n// @require core/camel_case.ts\n// @require core/cash.ts\n// @require core/each.ts\n// @require core/variables.ts\n// @require ./is_css_variable.ts\nvar prefixedProps = {};\nvar style = div.style;\nvar vendorsPrefixes = ['webkit', 'moz', 'ms'];\nfunction getPrefixedProp(prop, isVariable) {\n if (isVariable === void 0) { isVariable = isCSSVariable(prop); }\n if (isVariable)\n return prop;\n if (!prefixedProps[prop]) {\n var propCC = camelCase(prop);\n var propUC = \"\".concat(propCC[0].toUpperCase()).concat(propCC.slice(1));\n var props = (\"\".concat(propCC, \" \").concat(vendorsPrefixes.join(\"\".concat(propUC, \" \"))).concat(propUC)).split(' ');\n each(props, function (i, p) {\n if (p in style) {\n prefixedProps[prop] = p;\n return false;\n }\n });\n }\n return prefixedProps[prop];\n}\n// @require core/type_checking.ts\n// @require ./is_css_variable.ts\nvar numericProps = {\n animationIterationCount: true,\n columnCount: true,\n flexGrow: true,\n flexShrink: true,\n fontWeight: true,\n gridArea: true,\n gridColumn: true,\n gridColumnEnd: true,\n gridColumnStart: true,\n gridRow: true,\n gridRowEnd: true,\n gridRowStart: true,\n lineHeight: true,\n opacity: true,\n order: true,\n orphans: true,\n widows: true,\n zIndex: true\n};\nfunction getSuffixedValue(prop, value, isVariable) {\n if (isVariable === void 0) { isVariable = isCSSVariable(prop); }\n return !isVariable && !numericProps[prop] && isNumeric(value) ? \"\".concat(value, \"px\") : value;\n}\nfunction css(prop, value) {\n if (isString(prop)) {\n var isVariable_1 = isCSSVariable(prop);\n prop = getPrefixedProp(prop, isVariable_1);\n if (arguments.length < 2)\n return this[0] && computeStyle(this[0], prop, isVariable_1);\n if (!prop)\n return this;\n value = getSuffixedValue(prop, value, isVariable_1);\n return this.each(function (i, ele) {\n if (!isElement(ele))\n return;\n if (isVariable_1) {\n ele.style.setProperty(prop, value);\n }\n else {\n ele.style[prop] = value;\n }\n });\n }\n for (var key in prop) {\n this.css(key, prop[key]);\n }\n return this;\n}\n;\nfn.css = css;\nfunction attempt(fn, arg) {\n try {\n return fn(arg);\n }\n catch (_a) {\n return arg;\n }\n}\n// @require core/attempt.ts\n// @require core/camel_case.ts\nvar JSONStringRe = /^\\s+|\\s+$/;\nfunction getData(ele, key) {\n var value = ele.dataset[key] || ele.dataset[camelCase(key)];\n if (JSONStringRe.test(value))\n return value;\n return attempt(JSON.parse, value);\n}\n// @require core/attempt.ts\n// @require core/camel_case.ts\nfunction setData(ele, key, value) {\n value = attempt(JSON.stringify, value);\n ele.dataset[camelCase(key)] = value;\n}\nfunction data(name, value) {\n if (!name) {\n if (!this[0])\n return;\n var datas = {};\n for (var key in this[0].dataset) {\n datas[key] = getData(this[0], key);\n }\n return datas;\n }\n if (isString(name)) {\n if (arguments.length < 2)\n return this[0] && getData(this[0], name);\n if (isUndefined(value))\n return this;\n return this.each(function (i, ele) { setData(ele, name, value); });\n }\n for (var key in name) {\n this.data(key, name[key]);\n }\n return this;\n}\nfn.data = data;\nfunction getDocumentDimension(doc, dimension) {\n var docEle = doc.documentElement;\n return Math.max(doc.body[\"scroll\".concat(dimension)], docEle[\"scroll\".concat(dimension)], doc.body[\"offset\".concat(dimension)], docEle[\"offset\".concat(dimension)], docEle[\"client\".concat(dimension)]);\n}\neach([true, false], function (i, outer) {\n each(['Width', 'Height'], function (i, prop) {\n var name = \"\".concat(outer ? 'outer' : 'inner').concat(prop);\n fn[name] = function (includeMargins) {\n if (!this[0])\n return;\n if (isWindow(this[0]))\n return outer ? this[0][\"inner\".concat(prop)] : this[0].document.documentElement[\"client\".concat(prop)];\n if (isDocument(this[0]))\n return getDocumentDimension(this[0], prop);\n return this[0][\"\".concat(outer ? 'offset' : 'client').concat(prop)] + (includeMargins && outer ? computeStyleInt(this[0], \"margin\".concat(i ? 'Top' : 'Left')) + computeStyleInt(this[0], \"margin\".concat(i ? 'Bottom' : 'Right')) : 0);\n };\n });\n});\neach(['Width', 'Height'], function (index, prop) {\n var propLC = prop.toLowerCase();\n fn[propLC] = function (value) {\n if (!this[0])\n return isUndefined(value) ? undefined : this;\n if (!arguments.length) {\n if (isWindow(this[0]))\n return this[0].document.documentElement[\"client\".concat(prop)];\n if (isDocument(this[0]))\n return getDocumentDimension(this[0], prop);\n return this[0].getBoundingClientRect()[propLC] - getExtraSpace(this[0], !index);\n }\n var valueNumber = parseInt(value, 10);\n return this.each(function (i, ele) {\n if (!isElement(ele))\n return;\n var boxSizing = computeStyle(ele, 'boxSizing');\n ele.style[propLC] = getSuffixedValue(propLC, valueNumber + (boxSizing === 'border-box' ? getExtraSpace(ele, !index) : 0));\n });\n };\n});\nvar displayProperty = '___cd';\nfn.toggle = function (force) {\n return this.each(function (i, ele) {\n if (!isElement(ele))\n return;\n var hidden = isHidden(ele);\n var show = isUndefined(force) ? hidden : force;\n if (show) {\n ele.style.display = ele[displayProperty] || '';\n if (isHidden(ele)) {\n ele.style.display = getDefaultDisplay(ele.tagName);\n }\n }\n else if (!hidden) {\n ele[displayProperty] = computeStyle(ele, 'display');\n ele.style.display = 'none';\n }\n });\n};\nfn.hide = function () {\n return this.toggle(false);\n};\nfn.show = function () {\n return this.toggle(true);\n};\nvar eventsNamespace = '___ce';\nvar eventsNamespacesSeparator = '.';\nvar eventsFocus = { focus: 'focusin', blur: 'focusout' };\nvar eventsHover = { mouseenter: 'mouseover', mouseleave: 'mouseout' };\nvar eventsMouseRe = /^(mouse|pointer|contextmenu|drag|drop|click|dblclick)/i;\n// @require ./variables.ts\nfunction getEventNameBubbling(name) {\n return eventsHover[name] || eventsFocus[name] || name;\n}\n// @require ./variables.ts\nfunction parseEventName(eventName) {\n var parts = eventName.split(eventsNamespacesSeparator);\n return [parts[0], parts.slice(1).sort()]; // [name, namespace[]]\n}\nfn.trigger = function (event, data) {\n if (isString(event)) {\n var _a = parseEventName(event), nameOriginal = _a[0], namespaces = _a[1];\n var name_1 = getEventNameBubbling(nameOriginal);\n if (!name_1)\n return this;\n var type = eventsMouseRe.test(name_1) ? 'MouseEvents' : 'HTMLEvents';\n event = doc.createEvent(type);\n event.initEvent(name_1, true, true);\n event.namespace = namespaces.join(eventsNamespacesSeparator);\n event.___ot = nameOriginal;\n }\n event.___td = data;\n var isEventFocus = (event.___ot in eventsFocus);\n return this.each(function (i, ele) {\n if (isEventFocus && isFunction(ele[event.___ot])) {\n ele[\"___i\".concat(event.type)] = true; // Ensuring the native event is ignored\n ele[event.___ot]();\n ele[\"___i\".concat(event.type)] = false; // Ensuring the custom event is not ignored\n }\n ele.dispatchEvent(event);\n });\n};\n// @require ./variables.ts\nfunction getEventsCache(ele) {\n return ele[eventsNamespace] = (ele[eventsNamespace] || {});\n}\n// @require core/guid.ts\n// @require events/helpers/get_events_cache.ts\nfunction addEvent(ele, name, namespaces, selector, callback) {\n var eventCache = getEventsCache(ele);\n eventCache[name] = (eventCache[name] || []);\n eventCache[name].push([namespaces, selector, callback]);\n ele.addEventListener(name, callback);\n}\nfunction hasNamespaces(ns1, ns2) {\n return !ns2 || !some.call(ns2, function (ns) { return ns1.indexOf(ns) < 0; });\n}\n// @require ./get_events_cache.ts\n// @require ./has_namespaces.ts\n// @require ./parse_event_name.ts\nfunction removeEvent(ele, name, namespaces, selector, callback) {\n var cache = getEventsCache(ele);\n if (!name) {\n for (name in cache) {\n removeEvent(ele, name, namespaces, selector, callback);\n }\n }\n else if (cache[name]) {\n cache[name] = cache[name].filter(function (_a) {\n var ns = _a[0], sel = _a[1], cb = _a[2];\n if ((callback && cb.guid !== callback.guid) || !hasNamespaces(ns, namespaces) || (selector && selector !== sel))\n return true;\n ele.removeEventListener(name, cb);\n });\n }\n}\nfn.off = function (eventFullName, selector, callback) {\n var _this = this;\n if (isUndefined(eventFullName)) {\n this.each(function (i, ele) {\n if (!isElement(ele) && !isDocument(ele) && !isWindow(ele))\n return;\n removeEvent(ele);\n });\n }\n else if (!isString(eventFullName)) {\n for (var key in eventFullName) {\n this.off(key, eventFullName[key]);\n }\n }\n else {\n if (isFunction(selector)) {\n callback = selector;\n selector = '';\n }\n each(getSplitValues(eventFullName), function (i, eventFullName) {\n var _a = parseEventName(eventFullName), nameOriginal = _a[0], namespaces = _a[1];\n var name = getEventNameBubbling(nameOriginal);\n _this.each(function (i, ele) {\n if (!isElement(ele) && !isDocument(ele) && !isWindow(ele))\n return;\n removeEvent(ele, name, namespaces, selector, callback);\n });\n });\n }\n return this;\n};\nfn.remove = function (comparator) {\n filtered(this, comparator).detach().off();\n return this;\n};\nfn.replaceWith = function (selector) {\n return this.before(selector).remove();\n};\nfn.replaceAll = function (selector) {\n cash(selector).replaceWith(this);\n return this;\n};\nfunction on(eventFullName, selector, data, callback, _one) {\n var _this = this;\n if (!isString(eventFullName)) {\n for (var key in eventFullName) {\n this.on(key, selector, data, eventFullName[key], _one);\n }\n return this;\n }\n if (!isString(selector)) {\n if (isUndefined(selector) || isNull(selector)) {\n selector = '';\n }\n else if (isUndefined(data)) {\n data = selector;\n selector = '';\n }\n else {\n callback = data;\n data = selector;\n selector = '';\n }\n }\n if (!isFunction(callback)) {\n callback = data;\n data = undefined;\n }\n if (!callback)\n return this;\n each(getSplitValues(eventFullName), function (i, eventFullName) {\n var _a = parseEventName(eventFullName), nameOriginal = _a[0], namespaces = _a[1];\n var name = getEventNameBubbling(nameOriginal);\n var isEventHover = (nameOriginal in eventsHover);\n var isEventFocus = (nameOriginal in eventsFocus);\n if (!name)\n return;\n _this.each(function (i, ele) {\n if (!isElement(ele) && !isDocument(ele) && !isWindow(ele))\n return;\n var finalCallback = function (event) {\n if (event.target[\"___i\".concat(event.type)])\n return event.stopImmediatePropagation(); // Ignoring native event in favor of the upcoming custom one\n if (event.namespace && !hasNamespaces(namespaces, event.namespace.split(eventsNamespacesSeparator)))\n return;\n if (!selector && ((isEventFocus && (event.target !== ele || event.___ot === name)) || (isEventHover && event.relatedTarget && ele.contains(event.relatedTarget))))\n return;\n var thisArg = ele;\n if (selector) {\n var target = event.target;\n while (!matches(target, selector)) {\n if (target === ele)\n return;\n target = target.parentNode;\n if (!target)\n return;\n }\n thisArg = target;\n }\n Object.defineProperty(event, 'currentTarget', {\n configurable: true,\n get: function () {\n return thisArg;\n }\n });\n Object.defineProperty(event, 'delegateTarget', {\n configurable: true,\n get: function () {\n return ele;\n }\n });\n Object.defineProperty(event, 'data', {\n configurable: true,\n get: function () {\n return data;\n }\n });\n var returnValue = callback.call(thisArg, event, event.___td);\n if (_one) {\n removeEvent(ele, name, namespaces, selector, finalCallback);\n }\n if (returnValue === false) {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n finalCallback.guid = callback.guid = (callback.guid || cash.guid++);\n addEvent(ele, name, namespaces, selector, finalCallback);\n });\n });\n return this;\n}\nfn.on = on;\nfunction one(eventFullName, selector, data, callback) {\n return this.on(eventFullName, selector, data, callback, true);\n}\n;\nfn.one = one;\nvar queryEncodeCRLFRe = /\\r?\\n/g;\nfunction queryEncode(prop, value) {\n return \"&\".concat(encodeURIComponent(prop), \"=\").concat(encodeURIComponent(value.replace(queryEncodeCRLFRe, '\\r\\n')));\n}\nvar skippableRe = /file|reset|submit|button|image/i;\nvar checkableRe = /radio|checkbox/i;\nfn.serialize = function () {\n var query = '';\n this.each(function (i, ele) {\n each(ele.elements || [ele], function (i, ele) {\n if (ele.disabled || !ele.name || ele.tagName === 'FIELDSET' || skippableRe.test(ele.type) || (checkableRe.test(ele.type) && !ele.checked))\n return;\n var value = getValue(ele);\n if (!isUndefined(value)) {\n var values = isArray(value) ? value : [value];\n each(values, function (i, value) {\n query += queryEncode(ele.name, value);\n });\n }\n });\n });\n return query.slice(1);\n};\n// @require core/types.ts\n// @require core/cash.ts\n// @require core/type_checking.ts\n// @require core/variables.ts\n// @require core/each.ts\n// @require core/extend.ts\n// @require core/find.ts\n// @require core/get_compare_function.ts\n// @require core/get_split_values.ts\n// @require core/guid.ts\n// @require core/parse_html.ts\n// @require core/unique.ts\n// @require attributes/add_class.ts\n// @require attributes/attr.ts\n// @require attributes/has_class.ts\n// @require attributes/prop.ts\n// @require attributes/remove_attr.ts\n// @require attributes/remove_class.ts\n// @require attributes/remove_prop.ts\n// @require attributes/toggle_class.ts\n// @require collection/add.ts\n// @require collection/each.ts\n// @require collection/eq.ts\n// @require collection/filter.ts\n// @require collection/first.ts\n// @require collection/get.ts\n// @require collection/index.ts\n// @require collection/last.ts\n// @require collection/map.ts\n// @require collection/slice.ts\n// @require css/css.ts\n// @require data/data.ts\n// @require dimensions/inner_outer.ts\n// @require dimensions/normal.ts\n// @require effects/hide.ts\n// @require effects/show.ts\n// @require effects/toggle.ts\n// @require events/off.ts\n// @require events/on.ts\n// @require events/one.ts\n// @require events/ready.ts\n// @require events/trigger.ts\n// @require forms/serialize.ts\n// @require forms/val.ts\n// @require manipulation/after.ts\n// @require manipulation/append.ts\n// @require manipulation/append_to.ts\n// @require manipulation/before.ts\n// @require manipulation/clone.ts\n// @require manipulation/detach.ts\n// @require manipulation/empty.ts\n// @require manipulation/html.ts\n// @require manipulation/insert_after.ts\n// @require manipulation/insert_before.ts\n// @require manipulation/prepend.ts\n// @require manipulation/prepend_to.ts\n// @require manipulation/remove.ts\n// @require manipulation/replace_all.ts\n// @require manipulation/replace_with.ts\n// @require manipulation/text.ts\n// @require manipulation/unwrap.ts\n// @require manipulation/wrap.ts\n// @require manipulation/wrap_all.ts\n// @require manipulation/wrap_inner.ts\n// @require offset/offset.ts\n// @require offset/offset_parent.ts\n// @require offset/position.ts\n// @require traversal/children.ts\n// @require traversal/closest.ts\n// @require traversal/contents.ts\n// @require traversal/find.ts\n// @require traversal/has.ts\n// @require traversal/is.ts\n// @require traversal/next.ts\n// @require traversal/next_all.ts\n// @require traversal/next_until.ts\n// @require traversal/not.ts\n// @require traversal/parent.ts\n// @require traversal/parents.ts\n// @require traversal/parents_until.ts\n// @require traversal/prev.ts\n// @require traversal/prev_all.ts\n// @require traversal/prev_until.ts\n// @require traversal/siblings.ts\n// @no-require extras/get_script.ts\n// @no-require extras/shorthands.ts\n// @require methods.ts\nif (true) { // Node.js\n module.exports = cash;\n}\nelse {}\n})();\n\n//# sourceURL=webpack://@spd-minden/sozi-ui/./node_modules/cash-dom/dist/cash.js?")},"./node_modules/smooth-scroll/dist/smooth-scroll.polyfills.min.js":function(module,exports,__webpack_require__){eval('var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*! smooth-scroll v16.1.3 | (c) 2020 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/smooth-scroll */\nwindow.Element&&!Element.prototype.closest&&(Element.prototype.closest=function(e){var t,n=(this.document||this.ownerDocument).querySelectorAll(e),o=this;do{for(t=n.length;0<=--t&&n.item(t)!==o;);}while(t<0&&(o=o.parentElement));return o}),(function(){if("function"==typeof window.CustomEvent)return;function e(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),n}e.prototype=window.Event.prototype,window.CustomEvent=e})(),(function(){for(var r=0,e=["ms","moz","webkit","o"],t=0;to.durationMax?o.durationMax:o.durationMin&&u=v)return C.cancelScroll(!0),x(a,t,c),H("scrollStop",i,a,r),!(O=l=null)})(d,g)||(O=M.requestAnimationFrame(E),l=e)};0===M.pageYOffset&&M.scrollTo(0,0),f=a,h=i,c||history.pushState&&h.updateURL&&history.pushState({smoothScroll:JSON.stringify(h),anchor:f.id},document.title,f===document.documentElement?"#top":"#"+f.id),"matchMedia"in M&&M.matchMedia("(prefers-reduced-motion)").matches?x(a,Math.floor(g),!1):(H("scrollStart",i,a,r),C.cancelScroll(!0),M.requestAnimationFrame(E))}};var t=function(e){if(!e.defaultPrevented&&!(0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey)&&"closest"in e.target&&(a=e.target.closest(o))&&"a"===a.tagName.toLowerCase()&&!e.target.closest(b.ignore)&&a.hostname===M.location.hostname&&a.pathname===M.location.pathname&&/#/.test(a.href)){var t,n;try{t=r(decodeURIComponent(a.hash))}catch(e){t=r(a.hash)}if("#"===t){if(!b.topOnEmptyHash)return;n=document.documentElement}else n=document.querySelector(t);(n=n||"#top"!==t?n:document.documentElement)&&(e.preventDefault(),(function(e){if(history.replaceState&&e.updateURL&&!history.state){var t=M.location.hash;t=t||"",history.replaceState({smoothScroll:JSON.stringify(e),anchor:t||M.pageYOffset},document.title,t||M.location.href)}})(b),C.animateScroll(n,a))}},n=function(e){if(null!==history.state&&history.state.smoothScroll&&history.state.smoothScroll===JSON.stringify(b)){var t=history.state.anchor;"string"==typeof t&&t&&!(t=document.querySelector(r(history.state.anchor)))||C.animateScroll(t,null,{updateURL:!1})}};C.destroy=function(){b&&(document.removeEventListener("click",t,!1),M.removeEventListener("popstate",n,!1),C.cancelScroll(),O=A=a=b=null)};return (function(){if(!("querySelector"in document&&"addEventListener"in M&&"requestAnimationFrame"in M&&"closest"in M.Element.prototype))throw"Smooth Scroll: This browser does not support the required JavaScript methods and browser APIs.";C.destroy(),b=I(q,e||{}),A=b.header?document.querySelector(b.header):null,document.addEventListener("click",t,!1),b.updateURL&&b.popstate&&M.addEventListener("popstate",n,!1)})(),C}}));\n\n//# sourceURL=webpack://@spd-minden/sozi-ui/./node_modules/smooth-scroll/dist/smooth-scroll.polyfills.min.js?')},"./src/js/menu.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var cash_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! cash-dom */ \"./node_modules/cash-dom/dist/cash.js\");\n/* harmony import */ var cash_dom__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(cash_dom__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var smooth_scroll__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! smooth-scroll */ \"./node_modules/smooth-scroll/dist/smooth-scroll.polyfills.min.js\");\n/* harmony import */ var smooth_scroll__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(smooth_scroll__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var throttle_debounce__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! throttle-debounce */ \"./node_modules/throttle-debounce/esm/index.js\");\n\n\n// adding smooth scroll for panel achnor\n\n\n\ncash_dom__WEBPACK_IMPORTED_MODULE_0___default()(function () {\n\n // create scroll\n const scroll = new (smooth_scroll__WEBPACK_IMPORTED_MODULE_1___default())('.sozi-ui__menu-list a[href*=\"#\"]')\n\n /**\n * adding toggle for mobile navigation\n *\n */\n const button = cash_dom__WEBPACK_IMPORTED_MODULE_0___default()('#mobile-button')\n const navigationWrapper = cash_dom__WEBPACK_IMPORTED_MODULE_0___default()('.sozi-ui__menu-list-wrapper')\n const navigation = navigationWrapper.find('.sozi-ui__menu-list').first()\n\n const buttonClass = 'button--open'\n\n // open sidebar and button\n const handleOpen = function() {\n navigationWrapper.css('max-height', navigation.outerHeight() + 'px')\n button.addClass(buttonClass)\n }\n\n // close sidebar and button\n const handleClose = function() {\n navigationWrapper.css('max-height', '0px')\n button.removeClass(buttonClass)\n }\n\n button.on('click', (event) => {\n event.preventDefault()\n\n if (navigationWrapper.css('max-height') !== '0px') {\n handleClose()\n } else {\n handleOpen()\n }\n })\n\n // if scrolling stop close sidebar\n document.addEventListener('scrollStop', () => {\n handleClose()\n }, false);\n\n /**\n * adding scrolling and change navigation \n * \n *\n */\n\n // get elements\n const elements = cash_dom__WEBPACK_IMPORTED_MODULE_0___default()('.sozi-ui__menu-list a[href*=\"#\"]')\n const offset = 25\n\n // add current to navigation\n const handleCurrent = function(hash) {\n cash_dom__WEBPACK_IMPORTED_MODULE_0___default()(\".sozi-ui__menu-list a[href$='\" + hash + \"']\").first().addClass('sozi-ui__menu-item--current')\n }\n\n // \n const handleScroll = function() {\n\n // if found\n let hasFound = false\n\n // get result\n let result = undefined\n\n if (window.pageYOffset > offset) {\n cash_dom__WEBPACK_IMPORTED_MODULE_0___default()('body').addClass('has-scrolled')\n } else {\n cash_dom__WEBPACK_IMPORTED_MODULE_0___default()('body').removeClass('has-scrolled')\n }\n\n elements.each((index, element) => {\n \n // getting target\n const target = cash_dom__WEBPACK_IMPORTED_MODULE_0___default()(element.hash).first()\n\n if (!target[0]) {\n return\n }\n\n const offsetTop = target[0].getBoundingClientRect().top + window.pageYOffset\n\n let next = undefined\n\n // check for next element\n if (elements[index + 1]) {\n next = cash_dom__WEBPACK_IMPORTED_MODULE_0___default()(elements[index + 1].hash)\n }\n\n // check if element is visible\n if (offsetTop - (window.innerHeight / 2) <= (window.pageYOffset + offset)) {\n result = target\n }\n })\n\n if (result) {\n elements.removeClass('sozi-ui__menu-item--current')\n handleCurrent(result[0].id)\n }\n }\n\n window.addEventListener('scroll', (0,throttle_debounce__WEBPACK_IMPORTED_MODULE_2__.throttle)(300, handleScroll), false)\n\n // if hash is in url, if not get first element\n if (window.location.hash.substr(1)) {\n handleCurrent(window.location.hash.substr(1))\n } else {\n handleCurrent(cash_dom__WEBPACK_IMPORTED_MODULE_0___default()('.sozi-ui__menu-list a[href*=\"#\"]').first()[0].hash)\n }\n})\n\n\n//# sourceURL=webpack://@spd-minden/sozi-ui/./src/js/menu.js?")},"./node_modules/throttle-debounce/esm/index.js":(__unused_webpack___webpack_module__,__webpack_exports__,__webpack_require__)=>{"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ debounce: () => (/* binding */ debounce),\n/* harmony export */ throttle: () => (/* binding */ throttle)\n/* harmony export */ });\n/* eslint-disable no-undefined,no-param-reassign,no-shadow */\n\n/**\n * Throttle execution of a function. Especially useful for rate limiting\n * execution of handlers on events like resize and scroll.\n *\n * @param {number} delay - A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher)\n * are most useful.\n * @param {Function} callback - A function to be executed after delay milliseconds. The `this` context and all arguments are passed through,\n * as-is, to `callback` when the throttled-function is executed.\n * @param {object} [options] - An object to configure options.\n * @param {boolean} [options.noTrailing] - Optional, defaults to false. If noTrailing is true, callback will only execute every `delay` milliseconds\n * while the throttled-function is being called. If noTrailing is false or unspecified, callback will be executed\n * one final time after the last throttled-function call. (After the throttled-function has not been called for\n * `delay` milliseconds, the internal counter is reset).\n * @param {boolean} [options.noLeading] - Optional, defaults to false. If noLeading is false, the first throttled-function call will execute callback\n * immediately. If noLeading is true, the first the callback execution will be skipped. It should be noted that\n * callback will never executed if both noLeading = true and noTrailing = true.\n * @param {boolean} [options.debounceMode] - If `debounceMode` is true (at begin), schedule `clear` to execute after `delay` ms. If `debounceMode` is\n * false (at end), schedule `callback` to execute after `delay` ms.\n *\n * @returns {Function} A new, throttled, function.\n */\nfunction throttle (delay, callback, options) {\n var _ref = options || {},\n _ref$noTrailing = _ref.noTrailing,\n noTrailing = _ref$noTrailing === void 0 ? false : _ref$noTrailing,\n _ref$noLeading = _ref.noLeading,\n noLeading = _ref$noLeading === void 0 ? false : _ref$noLeading,\n _ref$debounceMode = _ref.debounceMode,\n debounceMode = _ref$debounceMode === void 0 ? undefined : _ref$debounceMode;\n /*\n * After wrapper has stopped being called, this timeout ensures that\n * `callback` is executed at the proper times in `throttle` and `end`\n * debounce modes.\n */\n var timeoutID;\n var cancelled = false;\n\n // Keep track of the last time `callback` was executed.\n var lastExec = 0;\n\n // Function to clear existing timeout\n function clearExistingTimeout() {\n if (timeoutID) {\n clearTimeout(timeoutID);\n }\n }\n\n // Function to cancel next exec\n function cancel(options) {\n var _ref2 = options || {},\n _ref2$upcomingOnly = _ref2.upcomingOnly,\n upcomingOnly = _ref2$upcomingOnly === void 0 ? false : _ref2$upcomingOnly;\n clearExistingTimeout();\n cancelled = !upcomingOnly;\n }\n\n /*\n * The `wrapper` function encapsulates all of the throttling / debouncing\n * functionality and when executed will limit the rate at which `callback`\n * is executed.\n */\n function wrapper() {\n for (var _len = arguments.length, arguments_ = new Array(_len), _key = 0; _key < _len; _key++) {\n arguments_[_key] = arguments[_key];\n }\n var self = this;\n var elapsed = Date.now() - lastExec;\n if (cancelled) {\n return;\n }\n\n // Execute `callback` and update the `lastExec` timestamp.\n function exec() {\n lastExec = Date.now();\n callback.apply(self, arguments_);\n }\n\n /*\n * If `debounceMode` is true (at begin) this is used to clear the flag\n * to allow future `callback` executions.\n */\n function clear() {\n timeoutID = undefined;\n }\n if (!noLeading && debounceMode && !timeoutID) {\n /*\n * Since `wrapper` is being called for the first time and\n * `debounceMode` is true (at begin), execute `callback`\n * and noLeading != true.\n */\n exec();\n }\n clearExistingTimeout();\n if (debounceMode === undefined && elapsed > delay) {\n if (noLeading) {\n /*\n * In throttle mode with noLeading, if `delay` time has\n * been exceeded, update `lastExec` and schedule `callback`\n * to execute after `delay` ms.\n */\n lastExec = Date.now();\n if (!noTrailing) {\n timeoutID = setTimeout(debounceMode ? clear : exec, delay);\n }\n } else {\n /*\n * In throttle mode without noLeading, if `delay` time has been exceeded, execute\n * `callback`.\n */\n exec();\n }\n } else if (noTrailing !== true) {\n /*\n * In trailing throttle mode, since `delay` time has not been\n * exceeded, schedule `callback` to execute `delay` ms after most\n * recent execution.\n *\n * If `debounceMode` is true (at begin), schedule `clear` to execute\n * after `delay` ms.\n *\n * If `debounceMode` is false (at end), schedule `callback` to\n * execute after `delay` ms.\n */\n timeoutID = setTimeout(debounceMode ? clear : exec, debounceMode === undefined ? delay - elapsed : delay);\n }\n }\n wrapper.cancel = cancel;\n\n // Return the wrapper function.\n return wrapper;\n}\n\n/* eslint-disable no-undefined */\n\n/**\n * Debounce execution of a function. Debouncing, unlike throttling,\n * guarantees that a function is only executed a single time, either at the\n * very beginning of a series of calls, or at the very end.\n *\n * @param {number} delay - A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.\n * @param {Function} callback - A function to be executed after delay milliseconds. The `this` context and all arguments are passed through, as-is,\n * to `callback` when the debounced-function is executed.\n * @param {object} [options] - An object to configure options.\n * @param {boolean} [options.atBegin] - Optional, defaults to false. If atBegin is false or unspecified, callback will only be executed `delay` milliseconds\n * after the last debounced-function call. If atBegin is true, callback will be executed only at the first debounced-function call.\n * (After the throttled-function has not been called for `delay` milliseconds, the internal counter is reset).\n *\n * @returns {Function} A new, debounced function.\n */\nfunction debounce (delay, callback, options) {\n var _ref = options || {},\n _ref$atBegin = _ref.atBegin,\n atBegin = _ref$atBegin === void 0 ? false : _ref$atBegin;\n return throttle(delay, callback, {\n debounceMode: atBegin !== false\n });\n}\n\n\n//# sourceMappingURL=index.js.map\n\n\n//# sourceURL=webpack://@spd-minden/sozi-ui/./node_modules/throttle-debounce/esm/index.js?")}},__webpack_module_cache__={};function __webpack_require__(e){var n=__webpack_module_cache__[e];if(void 0!==n)return n.exports;var t=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e].call(t.exports,t,t.exports,__webpack_require__),t.exports}__webpack_require__.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return __webpack_require__.d(n,{a:n}),n},__webpack_require__.d=(e,n)=>{for(var t in n)__webpack_require__.o(n,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__=__webpack_require__("./src/js/menu.js")})(); \ No newline at end of file +(()=>{var t={233:t=>{!function(){"use strict";var n=document,e=window,r=n.documentElement,i=n.createElement.bind(n),o=i("div"),a=i("table"),u=i("tbody"),c=i("tr"),s=Array.isArray,f=Array.prototype,l=f.concat,h=f.filter,d=f.indexOf,p=f.map,m=f.push,v=f.slice,g=f.some,y=f.splice,w=/^#(?:[\w-]|\\.|[^\x00-\xa0])*$/,b=/^\.(?:[\w-]|\\.|[^\x00-\xa0])*$/,E=/<.+>/,C=/^\w+$/;function x(t,n){var e,r=!!(e=n)&&11===e.nodeType;return t&&(r||L(n)||N(n))?!r&&b.test(t)?n.getElementsByClassName(t.slice(1).replace(/\\/g,"")):!r&&C.test(t)?n.getElementsByTagName(t):n.querySelectorAll(t):[]}var S=function(){function t(t,r){if(t){if(O(t))return t;var i=t;if(I(t)){var o=r||n;if(!(i=w.test(t)&&L(o)?o.getElementById(t.slice(1).replace(/\\/g,"")):E.test(t)?X(t):O(o)?o.find(t):I(o)?A(o).find(t):x(t,o)))return}else if(M(t))return this.ready(t);(i.nodeType||i===e)&&(i=[i]),this.length=i.length;for(var a=0,u=this.length;a]*>/,G=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,V={"*":o,tr:u,td:c,th:c,thead:a,tbody:a,tfoot:a};function X(t){if(!I(t))return[];if(G.test(t))return[i(RegExp.$1)];var n=K.test(t)&&RegExp.$1,e=V[n]||V["*"];return e.innerHTML=t,A(e.childNodes).detach().get()}function Z(t,n,e,r){for(var i=[],o=M(n),a=r&&Y(r),u=0,c=t.length;u1?h.call(t,(function(t,n,e){return d.call(e,t)===n})):t}A.parseHTML=X,_.has=function(t){var n=I(t)?function(n,e){return x(t,e).length}:function(n,e){return e.contains(t)};return this.filter(n)},_.not=function(t){var n=Y(t);return this.filter((function(e,r){return(!I(t)||N(r))&&!n.call(r,e,r)}))},_.val=function(t){return arguments.length?this.each((function(n,e){var r=e.multiple&&e.options;if(r||Rt.test(e.type)){var i=s(t)?p.call(t,String):P(t)?[]:[String(t)];r?H(e.options,(function(t,n){n.selected=i.indexOf(n.value)>=0}),!0):e.checked=i.indexOf(e.value)>=0}else e.value=R(t)||P(t)?"":t})):this[0]&&tt(this[0])},_.is=function(t){var n=Y(t);return g.call(this,(function(t,e){return n.call(t,e,t)}))},A.guid=1,A.unique=nt,_.add=function(t,n){return A(nt(this.get().concat(A(t,n).get())))},_.children=function(t){return J(A(nt(Z(this,(function(t){return t.children})))),t)},_.parent=function(t){return J(A(nt(Z(this,"parentNode"))),t)},_.index=function(t){var n=t?A(t)[0]:this[0],e=t?this:A(n).parent().children();return d.call(e,n)},_.closest=function(t){var n=this.filter(t);if(n.length)return n;var e=this.parent();return e.length?e.closest(t):n},_.siblings=function(t){return J(A(nt(Z(this,(function(t){return A(t).parent().children().not(t)})))),t)},_.find=function(t){return A(nt(Z(this,(function(n){return x(t,n)}))))};var et=/^\s*\s*$/g,rt=/^$|^module$|\/(java|ecma)script/i,it=["type","src","nonce","noModule"];function ot(t,n,e,o,a){o?t.insertBefore(n,e?t.firstChild:null):"HTML"===t.nodeName?t.parentNode.replaceChild(n,t):t.parentNode.insertBefore(n,e?t:t.nextSibling),a&&function(t,n){var e=A(t);e.filter("script").add(e.find("script")).each((function(t,e){if(rt.test(e.type)&&r.contains(e)){var o=i("script");o.text=e.textContent.replace(et,""),H(it,(function(t,n){e[n]&&(o[n]=e[n])})),n.head.insertBefore(o,null),n.head.removeChild(o)}}))}(n,t.ownerDocument)}function at(t,n,e,r,i,o,a,u){return H(t,(function(t,o){H(A(o),(function(t,o){H(A(n),(function(n,a){var u=e?a:o,c=e?t:n;ot(e?o:a,c?u.cloneNode(!0):u,r,i,!c)}),u)}),a)}),o),n}_.after=function(){return at(arguments,this,!1,!1,!1,!0,!0)},_.append=function(){return at(arguments,this,!1,!1,!0)},_.html=function(t){if(!arguments.length)return this[0]&&this[0].innerHTML;if(R(t))return this;var n=/]/.test(t);return this.each((function(e,r){N(r)&&(n?A(r).empty().append(t):r.innerHTML=t)}))},_.appendTo=function(t){return at(arguments,this,!0,!1,!0)},_.wrapInner=function(t){return this.each((function(n,e){var r=A(e),i=r.contents();i.length?i.wrapAll(t):r.append(t)}))},_.before=function(){return at(arguments,this,!1,!0)},_.wrapAll=function(t){for(var n=A(t),e=n[0];e.children.length;)e=e.firstElementChild;return this.first().before(n),this.appendTo(e)},_.wrap=function(t){return this.each((function(n,e){var r=A(t)[0];A(e).wrapAll(n?r.cloneNode(!0):r)}))},_.insertAfter=function(t){return at(arguments,this,!0,!1,!1,!1,!1,!0)},_.insertBefore=function(t){return at(arguments,this,!0,!0)},_.prepend=function(){return at(arguments,this,!1,!0,!0,!0,!0)},_.prependTo=function(t){return at(arguments,this,!0,!0,!0,!1,!1,!0)},_.contents=function(){return A(nt(Z(this,(function(t){return"IFRAME"===t.tagName?[t.contentDocument]:"TEMPLATE"===t.tagName?t.content.childNodes:t.childNodes}))))},_.next=function(t,n,e){return J(A(nt(Z(this,"nextElementSibling",n,e))),t)},_.nextAll=function(t){return this.next(t,!0)},_.nextUntil=function(t,n){return this.next(n,!0,t)},_.parents=function(t,n){return J(A(nt(Z(this,"parentElement",!0,n))),t)},_.parentsUntil=function(t,n){return this.parents(n,t)},_.prev=function(t,n,e){return J(A(nt(Z(this,"previousElementSibling",n,e))),t)},_.prevAll=function(t){return this.prev(t,!0)},_.prevUntil=function(t,n){return this.prev(n,!0,t)},_.map=function(t){return A(l.apply([],p.call(this,(function(n,e){return t.call(n,e,n)}))))},_.clone=function(){return this.map((function(t,n){return n.cloneNode(!0)}))},_.offsetParent=function(){return this.map((function(t,n){for(var e=n.offsetParent;e&&"static"===k(e,"position");)e=e.offsetParent;return e||r}))},_.slice=function(t,n){return A(v.call(this,t,n))};var ut=/-([a-z])/g;function ct(t){return t.replace(ut,(function(t,n){return n.toUpperCase()}))}_.ready=function(t){var e=function(){return setTimeout(t,0,A)};return"loading"!==n.readyState?e():n.addEventListener("DOMContentLoaded",e),this},_.unwrap=function(){return this.parent().each((function(t,n){if("BODY"!==n.tagName){var e=A(n);e.replaceWith(e.children())}})),this},_.offset=function(){var t=this[0];if(t){var n=t.getBoundingClientRect();return{top:n.top+e.pageYOffset,left:n.left+e.pageXOffset}}},_.position=function(){var t=this[0];if(t){var n="fixed"===k(t,"position"),e=n?t.getBoundingClientRect():this.offset();if(!n){for(var r=t.ownerDocument,i=t.offsetParent||r.documentElement;(i===r.body||i===r.documentElement)&&"static"===k(i,"position");)i=i.parentNode;if(i!==t&&N(i)){var o=A(i).offset();e.top-=o.top+z(i,"borderTopWidth"),e.left-=o.left+z(i,"borderLeftWidth")}}return{top:e.top-z(t,"marginTop"),left:e.left-z(t,"marginLeft")}}};var st={class:"className",contenteditable:"contentEditable",for:"htmlFor",readonly:"readOnly",maxlength:"maxLength",tabindex:"tabIndex",colspan:"colSpan",rowspan:"rowSpan",usemap:"useMap"};_.prop=function(t,n){if(t){if(I(t))return t=st[t]||t,arguments.length<2?this[0]&&this[0][t]:this.each((function(e,r){r[t]=n}));for(var e in t)this.prop(e,t[e]);return this}},_.removeProp=function(t){return this.each((function(n,e){delete e[st[t]||t]}))};var ft=/^--/;function lt(t){return ft.test(t)}var ht={},dt=o.style,pt=["webkit","moz","ms"];var mt={animationIterationCount:!0,columnCount:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0};function vt(t,n,e){return void 0===e&&(e=lt(t)),e||mt[t]||!q(n)?n:"".concat(n,"px")}function gt(t,n){try{return t(n)}catch(t){return n}}_.css=function(t,n){if(I(t)){var e=lt(t);return t=function(t,n){if(void 0===n&&(n=lt(t)),n)return t;if(!ht[t]){var e=ct(t),r="".concat(e[0].toUpperCase()).concat(e.slice(1));H("".concat(e," ").concat(pt.join("".concat(r," "))).concat(r).split(" "),(function(n,e){if(e in dt)return ht[t]=e,!1}))}return ht[t]}(t,e),arguments.length<2?this[0]&&k(this[0],t,e):t?(n=vt(t,n,e),this.each((function(r,i){N(i)&&(e?i.style.setProperty(t,n):i.style[t]=n)}))):this}for(var r in t)this.css(r,t[r]);return this};var yt=/^\s+|\s+$/;function wt(t,n){var e=t.dataset[n]||t.dataset[ct(n)];return yt.test(e)?e:gt(JSON.parse,e)}function bt(t,n){var e=t.documentElement;return Math.max(t.body["scroll".concat(n)],e["scroll".concat(n)],t.body["offset".concat(n)],e["offset".concat(n)],e["client".concat(n)])}_.data=function(t,n){if(!t){if(!this[0])return;var e={};for(var r in this[0].dataset)e[r]=wt(this[0],r);return e}if(I(t))return arguments.length<2?this[0]&&wt(this[0],t):R(n)?this:this.each((function(e,r){!function(t,n,e){e=gt(JSON.stringify,e),t.dataset[ct(n)]=e}(r,t,n)}));for(var r in t)this.data(r,t[r]);return this},H([!0,!1],(function(t,n){H(["Width","Height"],(function(t,e){var r="".concat(n?"outer":"inner").concat(e);_[r]=function(r){if(this[0])return T(this[0])?n?this[0]["inner".concat(e)]:this[0].document.documentElement["client".concat(e)]:L(this[0])?bt(this[0],e):this[0]["".concat(n?"offset":"client").concat(e)]+(r&&n?z(this[0],"margin".concat(t?"Top":"Left"))+z(this[0],"margin".concat(t?"Bottom":"Right")):0)}}))})),H(["Width","Height"],(function(t,n){var e=n.toLowerCase();_[e]=function(r){if(!this[0])return R(r)?void 0:this;if(!arguments.length)return T(this[0])?this[0].document.documentElement["client".concat(n)]:L(this[0])?bt(this[0],n):this[0].getBoundingClientRect()[e]-U(this[0],!t);var i=parseInt(r,10);return this.each((function(n,r){if(N(r)){var o=k(r,"boxSizing");r.style[e]=vt(e,i+("border-box"===o?U(r,!t):0))}}))}}));var Et="___cd";_.toggle=function(t){return this.each((function(e,r){if(N(r)){var o=$(r);(R(t)?o:t)?(r.style.display=r[Et]||"",$(r)&&(r.style.display=function(t){if(W[t])return W[t];var e=i(t);n.body.insertBefore(e,null);var r=k(e,"display");return n.body.removeChild(e),W[t]="none"!==r?r:"block"}(r.tagName))):o||(r[Et]=k(r,"display"),r.style.display="none")}}))},_.hide=function(){return this.toggle(!1)},_.show=function(){return this.toggle(!0)};var Ct="___ce",xt={focus:"focusin",blur:"focusout"},St={mouseenter:"mouseover",mouseleave:"mouseout"},_t=/^(mouse|pointer|contextmenu|drag|drop|click|dblclick)/i;function At(t){return St[t]||xt[t]||t}function Ot(t){var n=t.split(".");return[n[0],n.slice(1).sort()]}function Tt(t){return t[Ct]=t[Ct]||{}}function Lt(t,n){return!n||!g.call(n,(function(n){return t.indexOf(n)<0}))}function Nt(t,n,e,r,i){var o=Tt(t);if(n)o[n]&&(o[n]=o[n].filter((function(o){var a=o[0],u=o[1],c=o[2];if(i&&c.guid!==i.guid||!Lt(a,e)||r&&r!==u)return!0;t.removeEventListener(n,c)})));else for(n in o)Nt(t,n,e,r,i)}_.trigger=function(t,e){if(I(t)){var r=Ot(t),i=r[0],o=r[1],a=At(i);if(!a)return this;var u=_t.test(a)?"MouseEvents":"HTMLEvents";(t=n.createEvent(u)).initEvent(a,!0,!0),t.namespace=o.join("."),t.___ot=i}t.___td=e;var c=t.___ot in xt;return this.each((function(n,e){c&&M(e[t.___ot])&&(e["___i".concat(t.type)]=!0,e[t.___ot](),e["___i".concat(t.type)]=!1),e.dispatchEvent(t)}))},_.off=function(t,n,e){var r=this;if(R(t))this.each((function(t,n){(N(n)||L(n)||T(n))&&Nt(n)}));else if(I(t))M(n)&&(e=n,n=""),H(B(t),(function(t,i){var o=Ot(i),a=o[0],u=o[1],c=At(a);r.each((function(t,r){(N(r)||L(r)||T(r))&&Nt(r,c,u,n,e)}))}));else for(var i in t)this.off(i,t[i]);return this},_.remove=function(t){return J(this,t).detach().off(),this},_.replaceWith=function(t){return this.before(t).remove()},_.replaceAll=function(t){return A(t).replaceWith(this),this},_.on=function(t,n,e,r,i){var o=this;if(!I(t)){for(var a in t)this.on(a,n,e,t[a],i);return this}return I(n)||(R(n)||P(n)?n="":R(e)?(e=n,n=""):(r=e,e=n,n="")),M(r)||(r=e,e=void 0),r?(H(B(t),(function(t,a){var u=Ot(a),c=u[0],s=u[1],f=At(c),l=c in St,h=c in xt;f&&o.each((function(t,o){if(N(o)||L(o)||T(o)){var a=function(t){if(t.target["___i".concat(t.type)])return t.stopImmediatePropagation();if((!t.namespace||Lt(s,t.namespace.split(".")))&&(n||!(h&&(t.target!==o||t.___ot===f)||l&&t.relatedTarget&&o.contains(t.relatedTarget)))){var u=o;if(n){for(var c=t.target;!Q(c,n);){if(c===o)return;if(!(c=c.parentNode))return}u=c}Object.defineProperty(t,"currentTarget",{configurable:!0,get:function(){return u}}),Object.defineProperty(t,"delegateTarget",{configurable:!0,get:function(){return o}}),Object.defineProperty(t,"data",{configurable:!0,get:function(){return e}});var d=r.call(u,t,t.___td);i&&Nt(o,f,s,n,a),!1===d&&(t.preventDefault(),t.stopPropagation())}};a.guid=r.guid=r.guid||A.guid++,function(t,n,e,r,i){var o=Tt(t);o[n]=o[n]||[],o[n].push([e,r,i]),t.addEventListener(n,i)}(o,f,s,n,a)}}))})),this):this},_.one=function(t,n,e,r){return this.on(t,n,e,r,!0)};var Mt=/\r?\n/g;var It=/file|reset|submit|button|image/i,Rt=/radio|checkbox/i;_.serialize=function(){var t="";return this.each((function(n,e){H(e.elements||[e],(function(n,e){if(!(e.disabled||!e.name||"FIELDSET"===e.tagName||It.test(e.type)||Rt.test(e.type)&&!e.checked)){var r=tt(e);if(!R(r))H(s(r)?r:[r],(function(n,r){t+=function(t,n){return"&".concat(encodeURIComponent(t),"=").concat(encodeURIComponent(n.replace(Mt,"\r\n")))}(e.name,r)}))}}))})),t.slice(1)},t.exports=A}()},496:function(t,n,e){var r,i;window.Element&&!Element.prototype.closest&&(Element.prototype.closest=function(t){var n,e=(this.document||this.ownerDocument).querySelectorAll(t),r=this;do{for(n=e.length;0<=--n&&e.item(n)!==r;);}while(n<0&&(r=r.parentElement));return r}),function(){function t(t,n){n=n||{bubbles:!1,cancelable:!1,detail:void 0};var e=document.createEvent("CustomEvent");return e.initCustomEvent(t,n.bubbles,n.cancelable,n.detail),e}"function"!=typeof window.CustomEvent&&(t.prototype=window.Event.prototype,window.CustomEvent=t)}(),function(){for(var t=0,n=["ms","moz","webkit","o"],e=0;ew.durationMax?w.durationMax:w.durationMin&&b=L)return p.cancelScroll(!0),a(r,e,m),u("scrollStop",l,r,c),!(d=E=null)}(x,O)||(d=t.requestAnimationFrame(I),E=n)};0===t.pageYOffset&&t.scrollTo(0,0),S=r,_=l,m||history.pushState&&_.updateURL&&history.pushState({smoothScroll:JSON.stringify(_),anchor:S.id},document.title,S===document.documentElement?"#top":"#"+S.id),"matchMedia"in t&&t.matchMedia("(prefers-reduced-motion)").matches?a(r,Math.floor(O),!1):(u("scrollStart",l,r,c),p.cancelScroll(!0),t.requestAnimationFrame(I))}}},m=function(n){if(!n.defaultPrevented&&!(0!==n.button||n.metaKey||n.ctrlKey||n.shiftKey)&&"closest"in n.target&&(l=n.target.closest(c))&&"a"===l.tagName.toLowerCase()&&!n.target.closest(f.ignore)&&l.hostname===t.location.hostname&&l.pathname===t.location.pathname&&/#/.test(l.href)){var e,i;try{e=r(decodeURIComponent(l.hash))}catch(n){e=r(l.hash)}if("#"===e){if(!f.topOnEmptyHash)return;i=document.documentElement}else i=document.querySelector(e);(i=i||"#top"!==e?i:document.documentElement)&&(n.preventDefault(),function(n){if(history.replaceState&&n.updateURL&&!history.state){var e=t.location.hash;e=e||"",history.replaceState({smoothScroll:JSON.stringify(n),anchor:e||t.pageYOffset},document.title,e||t.location.href)}}(f),p.animateScroll(i,l))}},v=function(t){if(null!==history.state&&history.state.smoothScroll&&history.state.smoothScroll===JSON.stringify(f)){var n=history.state.anchor;"string"==typeof n&&n&&!(n=document.querySelector(r(history.state.anchor)))||p.animateScroll(n,null,{updateURL:!1})}};return p.destroy=function(){f&&(document.removeEventListener("click",m,!1),t.removeEventListener("popstate",v,!1),p.cancelScroll(),d=h=l=f=null)},function(){if(!("querySelector"in document&&"addEventListener"in t&&"requestAnimationFrame"in t&&"closest"in t.Element.prototype))throw"Smooth Scroll: This browser does not support the required JavaScript methods and browser APIs.";p.destroy(),f=e(n,s||{}),h=f.header?document.querySelector(f.header):null,document.addEventListener("click",m,!1),f.updateURL&&f.popstate&&t.addEventListener("popstate",v,!1)}(),p}}(i)}.apply(n,[]),void 0===r||(t.exports=r)}},n={};function e(r){var i=n[r];if(void 0!==i)return i.exports;var o=n[r]={exports:{}};return t[r].call(o.exports,o,o.exports,e),o.exports}e.n=t=>{var n=t&&t.__esModule?()=>t.default:()=>t;return e.d(n,{a:n}),n},e.d=(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},e.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),e.o=(t,n)=>Object.prototype.hasOwnProperty.call(t,n),(()=>{"use strict";var t=e(233),n=e.n(t),r=e(496),i=e.n(r);function o(t,n,e){var r,i=e||{},o=i.noTrailing,a=void 0!==o&&o,u=i.noLeading,c=void 0!==u&&u,s=i.debounceMode,f=void 0===s?void 0:s,l=!1,h=0;function d(){r&&clearTimeout(r)}function p(){for(var e=arguments.length,i=new Array(e),o=0;ot?c?(h=Date.now(),a||(r=setTimeout(f?m:p,t))):p():!0!==a&&(r=setTimeout(f?m:p,void 0===f?t-s:t)))}return p.cancel=function(t){var n=(t||{}).upcomingOnly,e=void 0!==n&&n;d(),l=!e},p}n()((function(){new(i())('.sozi-ui__menu-list a[href*="#"]');const t=n()("#mobile-button"),e=n()(".sozi-ui__menu-list-wrapper"),r=e.find(".sozi-ui__menu-list").first(),a="button--open",u=function(){e.css("max-height","0px"),t.removeClass(a)};t.on("click",(n=>{n.preventDefault(),"0px"!==e.css("max-height")?u():(e.css("max-height",r.outerHeight()+"px"),t.addClass(a))})),document.addEventListener("scrollStop",(()=>{u()}),!1);const c=n()('.sozi-ui__menu-list a[href*="#"]'),s=function(t){n()(".sozi-ui__menu-list a[href$='"+t+"']").first().addClass("sozi-ui__menu-item--current")};window.addEventListener("scroll",o(300,(function(){let t;window.pageYOffset>25?n()("body").addClass("has-scrolled"):n()("body").removeClass("has-scrolled"),c.each(((e,r)=>{const i=n()(r.hash).first();if(!i[0])return;const o=i[0].getBoundingClientRect().top+window.pageYOffset;let a;c[e+1]&&(a=n()(c[e+1].hash)),o-window.innerHeight/2<=window.pageYOffset+25&&(t=i)})),t&&(c.removeClass("sozi-ui__menu-item--current"),s(t[0].id))})),!1),window.location.hash.substr(1)?s(window.location.hash.substr(1)):s(n()('.sozi-ui__menu-list a[href*="#"]').first()[0].hash)}))})()})(); \ No newline at end of file diff --git a/templates/js/spritemap.js b/templates/js/spritemap.js index 879626f..fa57ae8 100644 --- a/templates/js/spritemap.js +++ b/templates/js/spritemap.js @@ -1 +1 @@ -(self.webpackChunk_spd_minden_sozi_ui=self.webpackChunk_spd_minden_sozi_ui||[]).push([["spritemap"],{"?4e0c":()=>{eval("\n\n//# sourceURL=webpack://@spd-minden/sozi-ui/spritemap-dummy-module?")}}]); \ No newline at end of file +(self.webpackChunk_spd_minden_sozi_ui=self.webpackChunk_spd_minden_sozi_ui||[]).push([[654],{874:()=>{}}]); \ No newline at end of file diff --git a/templates/topics.html b/templates/topics.html index cf0204a..3cebdba 100644 --- a/templates/topics.html +++ b/templates/topics.html @@ -36,7 +36,7 @@