diff --git a/example/example.css b/example/example.css
index 7758d73..3a27e3f 100644
--- a/example/example.css
+++ b/example/example.css
@@ -1,14829 +1 @@
-@charset "UTF-8";
-@font-face {
- font-family: "IBM Plex Mono";
- src: url("IBMPlexMono.eot");
- src: url("IBMPlexMono.eot?#iefix") format("embedded-opentype"), url("IBMPlexMono.woff2") format("woff2"), url("IBMPlexMono.woff") format("woff"), url("IBMPlexMono.ttf") format("truetype");
- font-weight: normal;
- font-style: normal;
- font-display: swap;
-}
-@font-face {
- font-family: "IBM Plex Mono";
- src: url("IBMPlexMono-Bold.eot");
- src: url("IBMPlexMono-Bold.eot?#iefix") format("embedded-opentype"), url("IBMPlexMono-Bold.woff2") format("woff2"), url("IBMPlexMono-Bold.woff") format("woff"), url("IBMPlexMono-Bold.ttf") format("truetype");
- font-weight: bold;
- font-style: normal;
- font-display: swap;
-}
-/**
- * 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}
- *
- */
-/**
- * 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
- *
- */
-/**
- * border
- *
- */
-/**
- * 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: #f9f9f9;
- --text: #363636;
- --text-contrast: #ffffff;
- --primary: #3e3e3e;
- --primary-contrast: #3e3e3e;
- --active: #717171;
- --active-contrast: #ffffff;
- --link: #363636;
- --link-hover: #d95959;
- --danger: #d95959;
- --danger-contrast: #ecacac;
- --info: #0090d4;
- --info-constrast: #3bc0ff;
- --success: #64ac64;
- --success-contrast: #a6d0a6;
- --warning: #f0ad4e;
- --warning-contrast: #f8d9ac;
- --background: #3e3e3e;
- --background-contrast: #ffffff;
- --background-alpha: rgba(0, 0, 0, 0.7);
- --border: #3e3e3e;
- --border-contrast: #ffffff;
- --font-family: IBM Plex Mono, 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;
-}
-
-/**
- * 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 {
- -webkit-text-decoration-skip: ink edges;
- 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 var(--border);
- 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 var(--border);
- border-radius: 2px;
- 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;
- }
-}
-
-.highlight {
- padding: 0.15rem 0.4rem 0.25rem;
- background: var(--primary);
- color: var(--text-contrast);
- border-radius: 2px;
-}
-
-/**
- * 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: "IBM Plex Mono", sans-serif;
- font-weight: bold;
- line-height: 1.2;
- 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: 2.75rem;
- }
- h2, .h2 {
- font-size: 2.5rem;
- }
- h3, .h3 {
- font-size: 2rem;
- }
- h4, .h4 {
- font-size: 1.75rem;
- }
- h5, .h5 {
- font-size: 1.5rem;
- }
- h6, .h6 {
- font-size: 1.2rem;
- }
-}
-/**
- *
- * A
- *
- *
- * @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
- *
- */
-.badge {
- display: inline-block;
- background-color: var(--background);
- color: var(--text-contrast);
- font-size: 0.85rem;
- padding: 0.4rem 0.8rem;
- border: 1px solid var(--border);
- border-radius: 2px;
-}
-.badge--round {
- display: inline-flex;
- justify-content: center;
- border-radius: 50%;
- width: 2.8em;
-}
-
-/**
- * Button
- *
- * @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
- *
- */
-/**
- *
- *
- */
-/**
- *
- *
- */
-/**
- *
- *
- */
-.button {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- position: relative;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- font-family: var(--font-family);
- font-size: 1rem;
- border: 1px solid var(--border);
- background-color: var(--background-contrast);
- color: var(--text);
- border-radius: 2px;
- transition: background-color 0.1s;
- margin: 0 0 1rem;
- padding: 0.5rem 1.3rem;
- width: 100%;
-}
-@media only screen and (min-width: 768px) {
- .button {
- width: auto;
- }
-}
-.button--small {
- padding: 0.3rem 1.1rem;
- font-size: 0.8rem;
-}
-.button:hover, .button--selected {
- cursor: pointer;
- text-decoration: none;
- color: white;
- background-color: var(--active);
-}
-.button:focus, .button:active {
- outline: 1px solid var(--active);
-}
-.button:disabled {
- opacity: 0.5;
-}
-.button:disabled:hover {
- cursor: not-allowed;
- border: 1px solid var(--border);
- background-color: var(--background-contrast);
- color: var(--border);
-}
-.button--transparent {
- margin: 0;
- padding: 0;
- border: none;
- background: transparent;
- border-radius: 0;
-}
-.button--transparent:focus, .button--transparent:active {
- outline: none;
-}
-.button--danger {
- border-color: var(--danger);
-}
-.button--danger:hover {
- background-color: var(--danger);
-}
-.button--danger:focus, .button--danger:active {
- outline: 2px solid var(--danger);
-}
-.button--info {
- border-color: var(--info);
-}
-.button--info:hover {
- background-color: var(--info);
-}
-.button--info:focus, .button--info:active {
- outline: 2px solid var(--info);
-}
-.button--warning {
- border-color: var(--warning);
-}
-.button--warning:hover {
- background-color: var(--warning);
-}
-.button--warning:focus, .button--warning:active {
- outline: 2px solid var(--warning);
-}
-.button--success {
- border-color: var(--success);
-}
-.button--success:hover {
- background-color: var(--success);
-}
-.button--success:focus, .button--success:active {
- outline: 2px solid var(--success);
-}
-.button--outline {
- background-color: transparent;
-}
-.button--outline:hover {
- color: var(--border);
- border-color: #a4a4a4;
- background-color: transparent;
-}
-.button--danger.button--outline:hover {
- border-color: #ecacac;
-}
-.button--info.button--outline:hover {
- border-color: #3bc0ff;
-}
-.button--warning.button--outline:hover {
- border-color: #f8d9ac;
-}
-.button--success.button--outline:hover {
- border-color: #a6d0a6;
-}
-.button--full {
- background-color: var(--active);
- color: white;
-}
-.button--full:hover {
- background-color: var(--background-contrast);
- color: var(--text);
-}
-.button--danger.button--full {
- background-color: var(--danger);
-}
-.button--danger.button--full:hover {
- background-color: var(--background-contrast);
- border-color: var(--danger);
-}
-.button--danger.button--full:focus, .button--danger.button--full:active {
- outline: 2px solid var(--danger);
-}
-.button--info.button--full {
- background-color: var(--info);
-}
-.button--info.button--full:hover {
- background-color: var(--background-contrast);
- border-color: var(--info);
-}
-.button--info.button--full:focus, .button--info.button--full:active {
- outline: 2px solid var(--info);
-}
-.button--warning.button--full {
- background-color: var(--warning);
-}
-.button--warning.button--full:hover {
- background-color: var(--background-contrast);
- border-color: var(--warning);
-}
-.button--warning.button--full:focus, .button--warning.button--full:active {
- outline: 2px solid var(--warning);
-}
-.button--success.button--full {
- background-color: var(--success);
-}
-.button--success.button--full:hover {
- background-color: var(--background-contrast);
- border-color: var(--success);
-}
-.button--success.button--full:focus, .button--success.button--full:active {
- outline: 2px solid var(--success);
-}
-
-/**
- *
- * fields
- *
- * @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
- *
- */
-.field-group {
- margin: 0 0 1rem;
-}
-.field-group--valid .field-text {
- border-color: var(--success);
-}
-.field-group--valid .icon {
- fill: var(--success);
-}
-.field-group--error .field-text {
- border-color: var(--danger);
-}
-.field-group--error .icon {
- fill: var(--danger);
-}
-
-.field-label {
- font-size: 1rem;
- font-family: var(--font-family);
-}
-.field-label .icon {
- vertical-align: text-bottom;
-}
-.field-label:hover {
- cursor: pointer;
-}
-
-.field-text, .field-choice {
- font-family: var(--font-family);
- font-size: 0.95rem;
- width: 100%;
- border: 1px solid #a4a4a4;
- border-radius: 2px;
- margin: 0.7rem 0 0;
-}
-.field-text:focus, .field-text:active, .field-choice:focus, .field-choice:active {
- outline: 0;
- border-color: var(--border);
-}
-
-.field-text {
- padding: 0.8em 1.1em;
-}
-
-textarea.field-text {
- height: 180px;
-}
-
-/**
- * field-choice
- *
- *
- */
-.field-choice {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- padding: 0.8em;
- background-image: linear-gradient(to right, #717171, #717171);
- background-position: 100%;
- background-size: 1.5rem 100%;
- background-repeat: no-repeat;
-}
-.field-choice:active, .field-choice:focus {
- background-image: linear-gradient(to right, #3e3e3e, #3e3e3e);
-}
-
-/**
- * radio & checkbox
- *
- *
- *
- *
- *
- */
-[type=checkbox].field-choice,
-[type=radio].field-choice {
- position: relative;
- display: none;
-}
-[type=checkbox].field-choice ~ .field-choice__checked,
-[type=radio].field-choice ~ .field-choice__checked {
- display: none;
-}
-[type=checkbox].field-choice:checked ~ .field-choice__checked,
-[type=radio].field-choice:checked ~ .field-choice__checked {
- display: inline-block;
-}
-[type=checkbox].field-choice:checked ~ .field-choice__unchecked,
-[type=radio].field-choice:checked ~ .field-choice__unchecked {
- display: none;
-}
-
-svg.field-choice__unchecked {
- fill: var(--active);
-}
-
-svg.field-choice__checked {
- fill: var(--success);
-}
-
-.field-help, .field-error {
- display: inline-block;
- width: 100%;
- padding: 0.6em 0.5em;
- font-size: 0.8rem;
-}
-
-/**
- *
- *
- */
-.field-switch {
- position: relative;
- display: inline-block;
- width: 75px;
- height: 35px;
- border: 1px solid var(--border);
- border-radius: 2px;
-}
-.field-switch:after {
- position: absolute;
- top: 0;
- left: 0;
- width: 50%;
- height: 100%;
- content: "";
- border: 1px solid var(--border);
- border-color: var(--border-contrast);
- border-radius: 2px;
- background-color: var(--active);
- transition: transform 0.25s;
-}
-
-[type=checkbox].field-choice ~ .field-switch:after {
- left: 0;
-}
-[type=checkbox].field-choice:checked ~ .field-switch {
- border-color: var(--success);
-}
-[type=checkbox].field-choice:checked ~ .field-switch:after {
- background-color: var(--success);
- transform: translateX(100%);
-}
-
-/**
- * display error for fields
- *
- */
-.field-error {
- color: var(--danger);
-}
-
-/**
- *
- *
- *
- * A
- *
- *
- *
- * @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
- *
- */
-.group__item {
- width: auto;
- display: inline-block;
- margin: 0 0 1rem;
- margin-right: 0.25rem;
-}
-.group__item:last-child {
- margin-right: 0;
-}
-
-/**
- *
- *
- * @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
- *
- */
-.icon {
- width: 1em;
- height: 1em;
- max-height: 100%;
- max-width: 100%;
- vertical-align: middle;
- overflow: hidden;
- font-size: 1.4rem;
- fill: var(--text);
-}
-
-/**
- *
- *
- *
- *
- * food truck yr franzen pabst
- *
- *
- *
- *
- * @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
- *
- */
-.figure {
- margin: 0;
- display: inline-block;
- line-height: 0;
- border: 1px solid var(--border);
- border-radius: 2px;
- overflow: hidden;
-}
-.figure__caption {
- padding: 0.75em 1.1em;
- font-size: 0.7rem;
- background: var(--background);
- line-height: 1.618;
- margin: 0;
- color: var(--text-contrast);
- border-top: 1px solid var(--border-contrast);
-}
-.figure .media {
- border: 0;
- border-radius: 0;
-}
-
-.media {
- border-radius: 2px;
- border: 1px solid var(--border);
- width: 100%;
- height: auto;
-}
-
-/**
- *
- * table
- *
- * @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
- *
- */
-.table {
- width: 100%;
- border: 1px solid var(--border);
- background: var(--white);
-}
-.table--scroll {
- overflow-x: auto;
-}
-.table__td {
- color: var(--text);
-}
-.table__td, .table__th {
- text-align: left;
- border-bottom: 1px solid var(--border);
- padding: 0.25em 0.75em;
-}
-@media only screen and (min-width: 992px) {
- .table__td, .table__th {
- padding: 0.5em 1.25em;
- }
-}
-.table__th {
- color: white;
- background-color: var(--background);
-}
-.table--striped .table__tr:nth-child(even) .table__td {
- background-color: #e4e4e4;
-}
-.table--hover .table__tr:hover .table__td {
- color: white;
- background-color: #585858;
-}
-
-/**
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- * @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
- *
- */
-.loading {
- height: 60px;
- width: 47px;
- margin: 0 auto;
- display: flex;
- align-items: center;
-}
-.loading span {
- display: block;
- width: 15px;
- height: 80px;
- background-color: var(--background);
- animation-name: loading-animation;
- animation-duration: 0.5s;
- animation-iteration-count: infinite;
- animation-delay: 0.15s;
- border-top: 1px solid var(--background);
- border-bottom: 1px solid var(--background);
-}
-.loading span:first-child {
- margin-right: 1px;
- animation-delay: 0s;
-}
-.loading span:last-child {
- margin-left: 1px;
- animation-delay: 0.3s;
-}
-
-@keyframes loading-animation {
- 0% {
- height: 60px;
- }
- 50% {
- height: 40px;
- }
- 100% {
- height: 60px;
- }
-}
-/**
- *
- *
- * @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
- *
- */
-.sidebar {
- position: fixed;
- z-index: 9;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- max-width: 95%;
- visibility: hidden;
- transition: visibility 0s linear 0.5s;
-}
-.sidebar:before {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: transparent;
- transition: background-color 0.5s;
- z-index: 9;
- content: "";
- transition: background-color 0.5s;
-}
-.sidebar__inner {
- position: relative;
- height: 100%;
- z-index: 10;
- transition: transform 0.2s;
- transform: translateX(-100%);
-}
-.sidebar__footer {
- position: fixed;
- left: 0;
- bottom: 0;
- display: flex;
- justify-content: space-between;
- background: var(--background);
- width: 100%;
- padding: 1rem;
-}
-.sidebar--open {
- visibility: visible;
- transition: visibility 0s linear 0s;
-}
-.sidebar--open .sidebar__inner {
- transform: translateX(0);
-}
-.sidebar--open:before {
- background: var(--background-alpha);
-}
-@media only screen and (min-width: 992px) {
- .sidebar {
- max-width: 33%;
- }
-}
-
-/**
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
- *
',
- [
- {
- redundantAttribute: 'expr3',
- selector: '[expr3]',
-
- expressions: [
- {
- type: expressionTypes.TEXT,
- childNodeIndex: 0,
-
- evaluate: _scope => [
- _scope.slide.title
- ].join(
- ''
- )
- }
- ]
- },
- {
- type: bindingTypes.IF,
- evaluate: _scope => _scope.slide.media,
- redundantAttribute: 'expr4',
- selector: '[expr4]',
-
- template: template(
- '![]()
',
- [
- {
- redundantAttribute: 'expr5',
- selector: '[expr5]',
-
- expressions: [
- {
- type: expressionTypes.ATTRIBUTE,
- name: 'src',
- evaluate: _scope => _scope.slide.media.url
- },
- {
- type: expressionTypes.ATTRIBUTE,
- name: 'alt',
- evaluate: _scope => _scope.slide.media.description
- }
- ]
- }
- ]
- )
- },
- {
- type: bindingTypes.TAG,
- getComponent: getComponent,
- evaluate: _scope => 'tiny-raw',
- slots: [],
-
- attributes: [
- {
- type: expressionTypes.ATTRIBUTE,
- name: 'html',
- evaluate: _scope => _scope.slide.content
- }
- ],
-
- redundantAttribute: 'expr6',
- selector: '[expr6]'
- }
- ]
- ),
-
- redundantAttribute: 'expr2',
- selector: '[expr2]',
- itemName: 'slide',
- indexName: null,
- evaluate: _scope => _scope.props.slides
- },
- {
- redundantAttribute: 'expr7',
- selector: '[expr7]',
-
- expressions: [
- {
- type: expressionTypes.ATTRIBUTE,
- name: 'class',
- evaluate: _scope => _scope.getNextClasses()
- },
- {
- type: expressionTypes.EVENT,
- name: 'onclick',
- evaluate: _scope => (event) => { _scope.handleNext(event) }
- }
- ]
- },
- {
- type: bindingTypes.EACH,
- getKey: null,
- condition: null,
-
- template: template(
- null,
- [
- {
- expressions: [
- {
- type: expressionTypes.ATTRIBUTE,
- name: 'class',
- evaluate: _scope => _scope.getSelectClasses(_scope.position)
- },
- {
- type: expressionTypes.EVENT,
- name: 'onclick',
- evaluate: _scope => (event) => { _scope.handleSelect(event, _scope.position) }
- }
- ]
- }
- ]
- ),
-
- redundantAttribute: 'expr8',
- selector: '[expr8]',
- itemName: 'slide',
- indexName: 'position',
- evaluate: _scope => _scope.props.slides
- }
- ]
- ),
-
- name: 'tiny-slider'
-});
-
-/***/ }),
-
-/***/ "./src/example.js":
-/*!************************!*\
- !*** ./src/example.js ***!
- \************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var riot__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! riot */ "./node_modules/riot/esm/api/register.js");
-/* harmony import */ var riot__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! riot */ "./node_modules/riot/esm/api/install.js");
-/* harmony import */ var riot__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! riot */ "./node_modules/riot/esm/riot.js");
-/* harmony import */ var _slider_riot__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./slider.riot */ "./src/slider.riot");
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-
-riot__WEBPACK_IMPORTED_MODULE_1__.register('tiny-slider', _slider_riot__WEBPACK_IMPORTED_MODULE_0__["default"]);
-
-/**
- * Convert object attributes constructs into strings
- *
- * @param {Object} attributes - style attributes as object
- * @returns {string} a string with all the attributes and their values
- */
-function styles(attributes) {
- return Object.entries(attributes).reduce(function (acc, item) {
- var _item = _slicedToArray(item, 2),
- key = _item[0],
- value = _item[1];
- return [].concat(_toConsumableArray(acc), ["".concat(key, ": ").concat(value)]);
- }, []).join(';');
-}
-riot__WEBPACK_IMPORTED_MODULE_2__.install(function (component) {
- component.styles = styles;
- return component;
-});
-window.riot = riot__WEBPACK_IMPORTED_MODULE_3__;
-
-/***/ }),
-
-/***/ "./src/mixin.js":
-/*!**********************!*\
- !*** ./src/mixin.js ***!
- \**********************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var hammerjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! hammerjs */ "./node_modules/hammerjs/hammer.js");
-/* harmony import */ var hammerjs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(hammerjs__WEBPACK_IMPORTED_MODULE_0__);
-
-
-/**
- *
- *
- */
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
- /**
- *
- *
- */
- state: {
- position: 0,
- max: 0,
- classes: {
- item: 'tiny-slider__item'
- }
- },
- /**
- *
- *
- */
- onMounted: function onMounted() {
- var _this = this;
- // start and add resize listener
- window.addEventListener('resize', this.update.bind(this));
- setTimeout(function () {
- _this.update();
- }, 100);
-
- // Create a manager to manager the element
- var manager = new hammerjs__WEBPACK_IMPORTED_MODULE_0__(this.root);
- manager.on('swipe', function (event) {
- if (event.direction === 4) {
- _this.handlePrevious(event);
- } else if (event.direction === 2) {
- _this.handleNext(event);
- }
- });
- },
- /**
- * remove resize listener
- * before unmount
- *
- */
- onBeforeUnmount: function onBeforeUnmount() {
- window.removeEventListener('resize', this.update.bind(this));
- },
- /**
- * before update view, calculate values
- *
- * @param {object} props
- * @param {object} state
- *
- */
- onBeforeUpdate: function onBeforeUpdate(props, state) {
- var _this2 = this;
- // getting current max
- var max = this.state.max;
-
- // setting max to show visible
- this.state.max = 0;
- this.state.width = this.$('.' + this.state.classes.item).offsetWidth;
-
- // check how many elements can visible in element
- this.$$('.' + this.state.classes.item).forEach(function (element, index) {
- if (element.offsetLeft < _this2.root.offsetWidth) {
- _this2.state.max++;
- }
- });
- console.log(this.state.max);
-
- // change position to fit new max value
- var value = Math.abs(this.state.max - max);
-
- // @TODO check this, at 0 it makes me mad
- if (this.state.position >= value && this.state.position > 1) {
- this.state.position -= value;
- }
- },
- /**
- * set translate with position and witdh
- *
- *
- * @return {string}
- *
- */
- getContentStyles: function getContentStyles() {
- // getting value for position
- var value = -(this.state.position * this.state.width);
- return this.styles({
- transform: 'translate(' + value + 'px, 0px)'
- });
- },
- /**
- * set previous position
- *
- *
- */
- handleSelect: function handleSelect(event, position) {
- event.preventDefault();
- if (this.state.position !== position) {
- this.update({
- position: position
- });
- }
- },
- /**
- * set previous position
- *
- *
- */
- handlePrevious: function handlePrevious(event) {
- event.preventDefault();
- if (this.state.position > 0) {
- this.update({
- position: --this.state.position
- });
- }
- },
- /**
- * set next position
- *
- *
- */
- handleNext: function handleNext(event) {
- event.preventDefault();
- if (this.state.position < this.props.slides.length - 1) {
- this.update({
- position: ++this.state.position
- });
- }
- },
- /**
- *
- *
- *
- * @return {string}
- *
- */
- getPreviousClasses: function getPreviousClasses() {
- var classes = ['tiny-slider__button', 'tiny-slider__button--previous'];
- if (this.state.position > 0) {
- classes.push('visibility-visible');
- } else {
- classes.push('visibility-hidden');
- }
- return classes.join(' ');
- },
- /**
- *
- *
- *
- * @return {string}
- *
- */
- getNextClasses: function getNextClasses() {
- var classes = ['tiny-slider__button', 'tiny-slider__button--next'];
- if (this.state.position <= this.props.slides.length - this.state.max) {
- classes.push('visibility-visible');
- } else {
- classes.push('visibility-hidden');
- }
- return classes.join(' ');
- },
- /**
- *
- *
- * @param {integer} position
- * @return {string}
- *
- */
- getSelectClasses: function getSelectClasses(position) {
- var classes = ['tiny-slider__select-item'];
- if (this.state.position === position) {
- classes.push('tiny-slider__select-item--current');
- }
- return classes.join(' ');
- }
-});
-
-/***/ }),
-
-/***/ "./node_modules/hammerjs/hammer.js":
-/*!*****************************************!*\
- !*** ./node_modules/hammerjs/hammer.js ***!
- \*****************************************/
-/***/ ((module, exports, __webpack_require__) => {
-
-var __WEBPACK_AMD_DEFINE_RESULT__;/*! Hammer.JS - v2.0.7 - 2016-04-22
- * http://hammerjs.github.io/
- *
- * Copyright (c) 2016 Jorik Tangelder;
- * Licensed under the MIT license */
-(function(window, document, exportName, undefined) {
- 'use strict';
-
-var VENDOR_PREFIXES = ['', 'webkit', 'Moz', 'MS', 'ms', 'o'];
-var TEST_ELEMENT = document.createElement('div');
-
-var TYPE_FUNCTION = 'function';
-
-var round = Math.round;
-var abs = Math.abs;
-var now = Date.now;
-
-/**
- * set a timeout with a given scope
- * @param {Function} fn
- * @param {Number} timeout
- * @param {Object} context
- * @returns {number}
- */
-function setTimeoutContext(fn, timeout, context) {
- return setTimeout(bindFn(fn, context), timeout);
-}
-
-/**
- * if the argument is an array, we want to execute the fn on each entry
- * if it aint an array we don't want to do a thing.
- * this is used by all the methods that accept a single and array argument.
- * @param {*|Array} arg
- * @param {String} fn
- * @param {Object} [context]
- * @returns {Boolean}
- */
-function invokeArrayArg(arg, fn, context) {
- if (Array.isArray(arg)) {
- each(arg, context[fn], context);
- return true;
- }
- return false;
-}
-
-/**
- * walk objects and arrays
- * @param {Object} obj
- * @param {Function} iterator
- * @param {Object} context
- */
-function each(obj, iterator, context) {
- var i;
-
- if (!obj) {
- return;
- }
-
- if (obj.forEach) {
- obj.forEach(iterator, context);
- } else if (obj.length !== undefined) {
- i = 0;
- while (i < obj.length) {
- iterator.call(context, obj[i], i, obj);
- i++;
- }
- } else {
- for (i in obj) {
- obj.hasOwnProperty(i) && iterator.call(context, obj[i], i, obj);
- }
- }
-}
-
-/**
- * wrap a method with a deprecation warning and stack trace
- * @param {Function} method
- * @param {String} name
- * @param {String} message
- * @returns {Function} A new function wrapping the supplied method.
- */
-function deprecate(method, name, message) {
- var deprecationMessage = 'DEPRECATED METHOD: ' + name + '\n' + message + ' AT \n';
- return function() {
- var e = new Error('get-stack-trace');
- var stack = e && e.stack ? e.stack.replace(/^[^\(]+?[\n$]/gm, '')
- .replace(/^\s+at\s+/gm, '')
- .replace(/^Object.\s*\(/gm, '{anonymous}()@') : 'Unknown Stack Trace';
-
- var log = window.console && (window.console.warn || window.console.log);
- if (log) {
- log.call(window.console, deprecationMessage, stack);
- }
- return method.apply(this, arguments);
- };
-}
-
-/**
- * extend object.
- * means that properties in dest will be overwritten by the ones in src.
- * @param {Object} target
- * @param {...Object} objects_to_assign
- * @returns {Object} target
- */
-var assign;
-if (typeof Object.assign !== 'function') {
- assign = function assign(target) {
- if (target === undefined || target === null) {
- throw new TypeError('Cannot convert undefined or null to object');
- }
-
- var output = Object(target);
- for (var index = 1; index < arguments.length; index++) {
- var source = arguments[index];
- if (source !== undefined && source !== null) {
- for (var nextKey in source) {
- if (source.hasOwnProperty(nextKey)) {
- output[nextKey] = source[nextKey];
- }
- }
- }
- }
- return output;
- };
-} else {
- assign = Object.assign;
-}
-
-/**
- * extend object.
- * means that properties in dest will be overwritten by the ones in src.
- * @param {Object} dest
- * @param {Object} src
- * @param {Boolean} [merge=false]
- * @returns {Object} dest
- */
-var extend = deprecate(function extend(dest, src, merge) {
- var keys = Object.keys(src);
- var i = 0;
- while (i < keys.length) {
- if (!merge || (merge && dest[keys[i]] === undefined)) {
- dest[keys[i]] = src[keys[i]];
- }
- i++;
- }
- return dest;
-}, 'extend', 'Use `assign`.');
-
-/**
- * merge the values from src in the dest.
- * means that properties that exist in dest will not be overwritten by src
- * @param {Object} dest
- * @param {Object} src
- * @returns {Object} dest
- */
-var merge = deprecate(function merge(dest, src) {
- return extend(dest, src, true);
-}, 'merge', 'Use `assign`.');
-
-/**
- * simple class inheritance
- * @param {Function} child
- * @param {Function} base
- * @param {Object} [properties]
- */
-function inherit(child, base, properties) {
- var baseP = base.prototype,
- childP;
-
- childP = child.prototype = Object.create(baseP);
- childP.constructor = child;
- childP._super = baseP;
-
- if (properties) {
- assign(childP, properties);
- }
-}
-
-/**
- * simple function bind
- * @param {Function} fn
- * @param {Object} context
- * @returns {Function}
- */
-function bindFn(fn, context) {
- return function boundFn() {
- return fn.apply(context, arguments);
- };
-}
-
-/**
- * let a boolean value also be a function that must return a boolean
- * this first item in args will be used as the context
- * @param {Boolean|Function} val
- * @param {Array} [args]
- * @returns {Boolean}
- */
-function boolOrFn(val, args) {
- if (typeof val == TYPE_FUNCTION) {
- return val.apply(args ? args[0] || undefined : undefined, args);
- }
- return val;
-}
-
-/**
- * use the val2 when val1 is undefined
- * @param {*} val1
- * @param {*} val2
- * @returns {*}
- */
-function ifUndefined(val1, val2) {
- return (val1 === undefined) ? val2 : val1;
-}
-
-/**
- * addEventListener with multiple events at once
- * @param {EventTarget} target
- * @param {String} types
- * @param {Function} handler
- */
-function addEventListeners(target, types, handler) {
- each(splitStr(types), function(type) {
- target.addEventListener(type, handler, false);
- });
-}
-
-/**
- * removeEventListener with multiple events at once
- * @param {EventTarget} target
- * @param {String} types
- * @param {Function} handler
- */
-function removeEventListeners(target, types, handler) {
- each(splitStr(types), function(type) {
- target.removeEventListener(type, handler, false);
- });
-}
-
-/**
- * find if a node is in the given parent
- * @method hasParent
- * @param {HTMLElement} node
- * @param {HTMLElement} parent
- * @return {Boolean} found
- */
-function hasParent(node, parent) {
- while (node) {
- if (node == parent) {
- return true;
- }
- node = node.parentNode;
- }
- return false;
-}
-
-/**
- * small indexOf wrapper
- * @param {String} str
- * @param {String} find
- * @returns {Boolean} found
- */
-function inStr(str, find) {
- return str.indexOf(find) > -1;
-}
-
-/**
- * split string on whitespace
- * @param {String} str
- * @returns {Array} words
- */
-function splitStr(str) {
- return str.trim().split(/\s+/g);
-}
-
-/**
- * find if a array contains the object using indexOf or a simple polyFill
- * @param {Array} src
- * @param {String} find
- * @param {String} [findByKey]
- * @return {Boolean|Number} false when not found, or the index
- */
-function inArray(src, find, findByKey) {
- if (src.indexOf && !findByKey) {
- return src.indexOf(find);
- } else {
- var i = 0;
- while (i < src.length) {
- if ((findByKey && src[i][findByKey] == find) || (!findByKey && src[i] === find)) {
- return i;
- }
- i++;
- }
- return -1;
- }
-}
-
-/**
- * convert array-like objects to real arrays
- * @param {Object} obj
- * @returns {Array}
- */
-function toArray(obj) {
- return Array.prototype.slice.call(obj, 0);
-}
-
-/**
- * unique array with objects based on a key (like 'id') or just by the array's value
- * @param {Array} src [{id:1},{id:2},{id:1}]
- * @param {String} [key]
- * @param {Boolean} [sort=False]
- * @returns {Array} [{id:1},{id:2}]
- */
-function uniqueArray(src, key, sort) {
- var results = [];
- var values = [];
- var i = 0;
-
- while (i < src.length) {
- var val = key ? src[i][key] : src[i];
- if (inArray(values, val) < 0) {
- results.push(src[i]);
- }
- values[i] = val;
- i++;
- }
-
- if (sort) {
- if (!key) {
- results = results.sort();
- } else {
- results = results.sort(function sortUniqueArray(a, b) {
- return a[key] > b[key];
- });
- }
- }
-
- return results;
-}
-
-/**
- * get the prefixed property
- * @param {Object} obj
- * @param {String} property
- * @returns {String|Undefined} prefixed
- */
-function prefixed(obj, property) {
- var prefix, prop;
- var camelProp = property[0].toUpperCase() + property.slice(1);
-
- var i = 0;
- while (i < VENDOR_PREFIXES.length) {
- prefix = VENDOR_PREFIXES[i];
- prop = (prefix) ? prefix + camelProp : property;
-
- if (prop in obj) {
- return prop;
- }
- i++;
- }
- return undefined;
-}
-
-/**
- * get a unique id
- * @returns {number} uniqueId
- */
-var _uniqueId = 1;
-function uniqueId() {
- return _uniqueId++;
-}
-
-/**
- * get the window object of an element
- * @param {HTMLElement} element
- * @returns {DocumentView|Window}
- */
-function getWindowForElement(element) {
- var doc = element.ownerDocument || element;
- return (doc.defaultView || doc.parentWindow || window);
-}
-
-var MOBILE_REGEX = /mobile|tablet|ip(ad|hone|od)|android/i;
-
-var SUPPORT_TOUCH = ('ontouchstart' in window);
-var SUPPORT_POINTER_EVENTS = prefixed(window, 'PointerEvent') !== undefined;
-var SUPPORT_ONLY_TOUCH = SUPPORT_TOUCH && MOBILE_REGEX.test(navigator.userAgent);
-
-var INPUT_TYPE_TOUCH = 'touch';
-var INPUT_TYPE_PEN = 'pen';
-var INPUT_TYPE_MOUSE = 'mouse';
-var INPUT_TYPE_KINECT = 'kinect';
-
-var COMPUTE_INTERVAL = 25;
-
-var INPUT_START = 1;
-var INPUT_MOVE = 2;
-var INPUT_END = 4;
-var INPUT_CANCEL = 8;
-
-var DIRECTION_NONE = 1;
-var DIRECTION_LEFT = 2;
-var DIRECTION_RIGHT = 4;
-var DIRECTION_UP = 8;
-var DIRECTION_DOWN = 16;
-
-var DIRECTION_HORIZONTAL = DIRECTION_LEFT | DIRECTION_RIGHT;
-var DIRECTION_VERTICAL = DIRECTION_UP | DIRECTION_DOWN;
-var DIRECTION_ALL = DIRECTION_HORIZONTAL | DIRECTION_VERTICAL;
-
-var PROPS_XY = ['x', 'y'];
-var PROPS_CLIENT_XY = ['clientX', 'clientY'];
-
-/**
- * create new input type manager
- * @param {Manager} manager
- * @param {Function} callback
- * @returns {Input}
- * @constructor
- */
-function Input(manager, callback) {
- var self = this;
- this.manager = manager;
- this.callback = callback;
- this.element = manager.element;
- this.target = manager.options.inputTarget;
-
- // smaller wrapper around the handler, for the scope and the enabled state of the manager,
- // so when disabled the input events are completely bypassed.
- this.domHandler = function(ev) {
- if (boolOrFn(manager.options.enable, [manager])) {
- self.handler(ev);
- }
- };
-
- this.init();
-
-}
-
-Input.prototype = {
- /**
- * should handle the inputEvent data and trigger the callback
- * @virtual
- */
- handler: function() { },
-
- /**
- * bind the events
- */
- init: function() {
- this.evEl && addEventListeners(this.element, this.evEl, this.domHandler);
- this.evTarget && addEventListeners(this.target, this.evTarget, this.domHandler);
- this.evWin && addEventListeners(getWindowForElement(this.element), this.evWin, this.domHandler);
- },
-
- /**
- * unbind the events
- */
- destroy: function() {
- this.evEl && removeEventListeners(this.element, this.evEl, this.domHandler);
- this.evTarget && removeEventListeners(this.target, this.evTarget, this.domHandler);
- this.evWin && removeEventListeners(getWindowForElement(this.element), this.evWin, this.domHandler);
- }
-};
-
-/**
- * create new input type manager
- * called by the Manager constructor
- * @param {Hammer} manager
- * @returns {Input}
- */
-function createInputInstance(manager) {
- var Type;
- var inputClass = manager.options.inputClass;
-
- if (inputClass) {
- Type = inputClass;
- } else if (SUPPORT_POINTER_EVENTS) {
- Type = PointerEventInput;
- } else if (SUPPORT_ONLY_TOUCH) {
- Type = TouchInput;
- } else if (!SUPPORT_TOUCH) {
- Type = MouseInput;
- } else {
- Type = TouchMouseInput;
- }
- return new (Type)(manager, inputHandler);
-}
-
-/**
- * handle input events
- * @param {Manager} manager
- * @param {String} eventType
- * @param {Object} input
- */
-function inputHandler(manager, eventType, input) {
- var pointersLen = input.pointers.length;
- var changedPointersLen = input.changedPointers.length;
- var isFirst = (eventType & INPUT_START && (pointersLen - changedPointersLen === 0));
- var isFinal = (eventType & (INPUT_END | INPUT_CANCEL) && (pointersLen - changedPointersLen === 0));
-
- input.isFirst = !!isFirst;
- input.isFinal = !!isFinal;
-
- if (isFirst) {
- manager.session = {};
- }
-
- // source event is the normalized value of the domEvents
- // like 'touchstart, mouseup, pointerdown'
- input.eventType = eventType;
-
- // compute scale, rotation etc
- computeInputData(manager, input);
-
- // emit secret event
- manager.emit('hammer.input', input);
-
- manager.recognize(input);
- manager.session.prevInput = input;
-}
-
-/**
- * extend the data with some usable properties like scale, rotate, velocity etc
- * @param {Object} manager
- * @param {Object} input
- */
-function computeInputData(manager, input) {
- var session = manager.session;
- var pointers = input.pointers;
- var pointersLength = pointers.length;
-
- // store the first input to calculate the distance and direction
- if (!session.firstInput) {
- session.firstInput = simpleCloneInputData(input);
- }
-
- // to compute scale and rotation we need to store the multiple touches
- if (pointersLength > 1 && !session.firstMultiple) {
- session.firstMultiple = simpleCloneInputData(input);
- } else if (pointersLength === 1) {
- session.firstMultiple = false;
- }
-
- var firstInput = session.firstInput;
- var firstMultiple = session.firstMultiple;
- var offsetCenter = firstMultiple ? firstMultiple.center : firstInput.center;
-
- var center = input.center = getCenter(pointers);
- input.timeStamp = now();
- input.deltaTime = input.timeStamp - firstInput.timeStamp;
-
- input.angle = getAngle(offsetCenter, center);
- input.distance = getDistance(offsetCenter, center);
-
- computeDeltaXY(session, input);
- input.offsetDirection = getDirection(input.deltaX, input.deltaY);
-
- var overallVelocity = getVelocity(input.deltaTime, input.deltaX, input.deltaY);
- input.overallVelocityX = overallVelocity.x;
- input.overallVelocityY = overallVelocity.y;
- input.overallVelocity = (abs(overallVelocity.x) > abs(overallVelocity.y)) ? overallVelocity.x : overallVelocity.y;
-
- input.scale = firstMultiple ? getScale(firstMultiple.pointers, pointers) : 1;
- input.rotation = firstMultiple ? getRotation(firstMultiple.pointers, pointers) : 0;
-
- input.maxPointers = !session.prevInput ? input.pointers.length : ((input.pointers.length >
- session.prevInput.maxPointers) ? input.pointers.length : session.prevInput.maxPointers);
-
- computeIntervalInputData(session, input);
-
- // find the correct target
- var target = manager.element;
- if (hasParent(input.srcEvent.target, target)) {
- target = input.srcEvent.target;
- }
- input.target = target;
-}
-
-function computeDeltaXY(session, input) {
- var center = input.center;
- var offset = session.offsetDelta || {};
- var prevDelta = session.prevDelta || {};
- var prevInput = session.prevInput || {};
-
- if (input.eventType === INPUT_START || prevInput.eventType === INPUT_END) {
- prevDelta = session.prevDelta = {
- x: prevInput.deltaX || 0,
- y: prevInput.deltaY || 0
- };
-
- offset = session.offsetDelta = {
- x: center.x,
- y: center.y
- };
- }
-
- input.deltaX = prevDelta.x + (center.x - offset.x);
- input.deltaY = prevDelta.y + (center.y - offset.y);
-}
-
-/**
- * velocity is calculated every x ms
- * @param {Object} session
- * @param {Object} input
- */
-function computeIntervalInputData(session, input) {
- var last = session.lastInterval || input,
- deltaTime = input.timeStamp - last.timeStamp,
- velocity, velocityX, velocityY, direction;
-
- if (input.eventType != INPUT_CANCEL && (deltaTime > COMPUTE_INTERVAL || last.velocity === undefined)) {
- var deltaX = input.deltaX - last.deltaX;
- var deltaY = input.deltaY - last.deltaY;
-
- var v = getVelocity(deltaTime, deltaX, deltaY);
- velocityX = v.x;
- velocityY = v.y;
- velocity = (abs(v.x) > abs(v.y)) ? v.x : v.y;
- direction = getDirection(deltaX, deltaY);
-
- session.lastInterval = input;
- } else {
- // use latest velocity info if it doesn't overtake a minimum period
- velocity = last.velocity;
- velocityX = last.velocityX;
- velocityY = last.velocityY;
- direction = last.direction;
- }
-
- input.velocity = velocity;
- input.velocityX = velocityX;
- input.velocityY = velocityY;
- input.direction = direction;
-}
-
-/**
- * create a simple clone from the input used for storage of firstInput and firstMultiple
- * @param {Object} input
- * @returns {Object} clonedInputData
- */
-function simpleCloneInputData(input) {
- // make a simple copy of the pointers because we will get a reference if we don't
- // we only need clientXY for the calculations
- var pointers = [];
- var i = 0;
- while (i < input.pointers.length) {
- pointers[i] = {
- clientX: round(input.pointers[i].clientX),
- clientY: round(input.pointers[i].clientY)
- };
- i++;
- }
-
- return {
- timeStamp: now(),
- pointers: pointers,
- center: getCenter(pointers),
- deltaX: input.deltaX,
- deltaY: input.deltaY
- };
-}
-
-/**
- * get the center of all the pointers
- * @param {Array} pointers
- * @return {Object} center contains `x` and `y` properties
- */
-function getCenter(pointers) {
- var pointersLength = pointers.length;
-
- // no need to loop when only one touch
- if (pointersLength === 1) {
- return {
- x: round(pointers[0].clientX),
- y: round(pointers[0].clientY)
- };
- }
-
- var x = 0, y = 0, i = 0;
- while (i < pointersLength) {
- x += pointers[i].clientX;
- y += pointers[i].clientY;
- i++;
- }
-
- return {
- x: round(x / pointersLength),
- y: round(y / pointersLength)
- };
-}
-
-/**
- * calculate the velocity between two points. unit is in px per ms.
- * @param {Number} deltaTime
- * @param {Number} x
- * @param {Number} y
- * @return {Object} velocity `x` and `y`
- */
-function getVelocity(deltaTime, x, y) {
- return {
- x: x / deltaTime || 0,
- y: y / deltaTime || 0
- };
-}
-
-/**
- * get the direction between two points
- * @param {Number} x
- * @param {Number} y
- * @return {Number} direction
- */
-function getDirection(x, y) {
- if (x === y) {
- return DIRECTION_NONE;
- }
-
- if (abs(x) >= abs(y)) {
- return x < 0 ? DIRECTION_LEFT : DIRECTION_RIGHT;
- }
- return y < 0 ? DIRECTION_UP : DIRECTION_DOWN;
-}
-
-/**
- * calculate the absolute distance between two points
- * @param {Object} p1 {x, y}
- * @param {Object} p2 {x, y}
- * @param {Array} [props] containing x and y keys
- * @return {Number} distance
- */
-function getDistance(p1, p2, props) {
- if (!props) {
- props = PROPS_XY;
- }
- var x = p2[props[0]] - p1[props[0]],
- y = p2[props[1]] - p1[props[1]];
-
- return Math.sqrt((x * x) + (y * y));
-}
-
-/**
- * calculate the angle between two coordinates
- * @param {Object} p1
- * @param {Object} p2
- * @param {Array} [props] containing x and y keys
- * @return {Number} angle
- */
-function getAngle(p1, p2, props) {
- if (!props) {
- props = PROPS_XY;
- }
- var x = p2[props[0]] - p1[props[0]],
- y = p2[props[1]] - p1[props[1]];
- return Math.atan2(y, x) * 180 / Math.PI;
-}
-
-/**
- * calculate the rotation degrees between two pointersets
- * @param {Array} start array of pointers
- * @param {Array} end array of pointers
- * @return {Number} rotation
- */
-function getRotation(start, end) {
- return getAngle(end[1], end[0], PROPS_CLIENT_XY) + getAngle(start[1], start[0], PROPS_CLIENT_XY);
-}
-
-/**
- * calculate the scale factor between two pointersets
- * no scale is 1, and goes down to 0 when pinched together, and bigger when pinched out
- * @param {Array} start array of pointers
- * @param {Array} end array of pointers
- * @return {Number} scale
- */
-function getScale(start, end) {
- return getDistance(end[0], end[1], PROPS_CLIENT_XY) / getDistance(start[0], start[1], PROPS_CLIENT_XY);
-}
-
-var MOUSE_INPUT_MAP = {
- mousedown: INPUT_START,
- mousemove: INPUT_MOVE,
- mouseup: INPUT_END
-};
-
-var MOUSE_ELEMENT_EVENTS = 'mousedown';
-var MOUSE_WINDOW_EVENTS = 'mousemove mouseup';
-
-/**
- * Mouse events input
- * @constructor
- * @extends Input
- */
-function MouseInput() {
- this.evEl = MOUSE_ELEMENT_EVENTS;
- this.evWin = MOUSE_WINDOW_EVENTS;
-
- this.pressed = false; // mousedown state
-
- Input.apply(this, arguments);
-}
-
-inherit(MouseInput, Input, {
- /**
- * handle mouse events
- * @param {Object} ev
- */
- handler: function MEhandler(ev) {
- var eventType = MOUSE_INPUT_MAP[ev.type];
-
- // on start we want to have the left mouse button down
- if (eventType & INPUT_START && ev.button === 0) {
- this.pressed = true;
- }
-
- if (eventType & INPUT_MOVE && ev.which !== 1) {
- eventType = INPUT_END;
- }
-
- // mouse must be down
- if (!this.pressed) {
- return;
- }
-
- if (eventType & INPUT_END) {
- this.pressed = false;
- }
-
- this.callback(this.manager, eventType, {
- pointers: [ev],
- changedPointers: [ev],
- pointerType: INPUT_TYPE_MOUSE,
- srcEvent: ev
- });
- }
-});
-
-var POINTER_INPUT_MAP = {
- pointerdown: INPUT_START,
- pointermove: INPUT_MOVE,
- pointerup: INPUT_END,
- pointercancel: INPUT_CANCEL,
- pointerout: INPUT_CANCEL
-};
-
-// in IE10 the pointer types is defined as an enum
-var IE10_POINTER_TYPE_ENUM = {
- 2: INPUT_TYPE_TOUCH,
- 3: INPUT_TYPE_PEN,
- 4: INPUT_TYPE_MOUSE,
- 5: INPUT_TYPE_KINECT // see https://twitter.com/jacobrossi/status/480596438489890816
-};
-
-var POINTER_ELEMENT_EVENTS = 'pointerdown';
-var POINTER_WINDOW_EVENTS = 'pointermove pointerup pointercancel';
-
-// IE10 has prefixed support, and case-sensitive
-if (window.MSPointerEvent && !window.PointerEvent) {
- POINTER_ELEMENT_EVENTS = 'MSPointerDown';
- POINTER_WINDOW_EVENTS = 'MSPointerMove MSPointerUp MSPointerCancel';
-}
-
-/**
- * Pointer events input
- * @constructor
- * @extends Input
- */
-function PointerEventInput() {
- this.evEl = POINTER_ELEMENT_EVENTS;
- this.evWin = POINTER_WINDOW_EVENTS;
-
- Input.apply(this, arguments);
-
- this.store = (this.manager.session.pointerEvents = []);
-}
-
-inherit(PointerEventInput, Input, {
- /**
- * handle mouse events
- * @param {Object} ev
- */
- handler: function PEhandler(ev) {
- var store = this.store;
- var removePointer = false;
-
- var eventTypeNormalized = ev.type.toLowerCase().replace('ms', '');
- var eventType = POINTER_INPUT_MAP[eventTypeNormalized];
- var pointerType = IE10_POINTER_TYPE_ENUM[ev.pointerType] || ev.pointerType;
-
- var isTouch = (pointerType == INPUT_TYPE_TOUCH);
-
- // get index of the event in the store
- var storeIndex = inArray(store, ev.pointerId, 'pointerId');
-
- // start and mouse must be down
- if (eventType & INPUT_START && (ev.button === 0 || isTouch)) {
- if (storeIndex < 0) {
- store.push(ev);
- storeIndex = store.length - 1;
- }
- } else if (eventType & (INPUT_END | INPUT_CANCEL)) {
- removePointer = true;
- }
-
- // it not found, so the pointer hasn't been down (so it's probably a hover)
- if (storeIndex < 0) {
- return;
- }
-
- // update the event in the store
- store[storeIndex] = ev;
-
- this.callback(this.manager, eventType, {
- pointers: store,
- changedPointers: [ev],
- pointerType: pointerType,
- srcEvent: ev
- });
-
- if (removePointer) {
- // remove from the store
- store.splice(storeIndex, 1);
- }
- }
-});
-
-var SINGLE_TOUCH_INPUT_MAP = {
- touchstart: INPUT_START,
- touchmove: INPUT_MOVE,
- touchend: INPUT_END,
- touchcancel: INPUT_CANCEL
-};
-
-var SINGLE_TOUCH_TARGET_EVENTS = 'touchstart';
-var SINGLE_TOUCH_WINDOW_EVENTS = 'touchstart touchmove touchend touchcancel';
-
-/**
- * Touch events input
- * @constructor
- * @extends Input
- */
-function SingleTouchInput() {
- this.evTarget = SINGLE_TOUCH_TARGET_EVENTS;
- this.evWin = SINGLE_TOUCH_WINDOW_EVENTS;
- this.started = false;
-
- Input.apply(this, arguments);
-}
-
-inherit(SingleTouchInput, Input, {
- handler: function TEhandler(ev) {
- var type = SINGLE_TOUCH_INPUT_MAP[ev.type];
-
- // should we handle the touch events?
- if (type === INPUT_START) {
- this.started = true;
- }
-
- if (!this.started) {
- return;
- }
-
- var touches = normalizeSingleTouches.call(this, ev, type);
-
- // when done, reset the started state
- if (type & (INPUT_END | INPUT_CANCEL) && touches[0].length - touches[1].length === 0) {
- this.started = false;
- }
-
- this.callback(this.manager, type, {
- pointers: touches[0],
- changedPointers: touches[1],
- pointerType: INPUT_TYPE_TOUCH,
- srcEvent: ev
- });
- }
-});
-
-/**
- * @this {TouchInput}
- * @param {Object} ev
- * @param {Number} type flag
- * @returns {undefined|Array} [all, changed]
- */
-function normalizeSingleTouches(ev, type) {
- var all = toArray(ev.touches);
- var changed = toArray(ev.changedTouches);
-
- if (type & (INPUT_END | INPUT_CANCEL)) {
- all = uniqueArray(all.concat(changed), 'identifier', true);
- }
-
- return [all, changed];
-}
-
-var TOUCH_INPUT_MAP = {
- touchstart: INPUT_START,
- touchmove: INPUT_MOVE,
- touchend: INPUT_END,
- touchcancel: INPUT_CANCEL
-};
-
-var TOUCH_TARGET_EVENTS = 'touchstart touchmove touchend touchcancel';
-
-/**
- * Multi-user touch events input
- * @constructor
- * @extends Input
- */
-function TouchInput() {
- this.evTarget = TOUCH_TARGET_EVENTS;
- this.targetIds = {};
-
- Input.apply(this, arguments);
-}
-
-inherit(TouchInput, Input, {
- handler: function MTEhandler(ev) {
- var type = TOUCH_INPUT_MAP[ev.type];
- var touches = getTouches.call(this, ev, type);
- if (!touches) {
- return;
- }
-
- this.callback(this.manager, type, {
- pointers: touches[0],
- changedPointers: touches[1],
- pointerType: INPUT_TYPE_TOUCH,
- srcEvent: ev
- });
- }
-});
-
-/**
- * @this {TouchInput}
- * @param {Object} ev
- * @param {Number} type flag
- * @returns {undefined|Array} [all, changed]
- */
-function getTouches(ev, type) {
- var allTouches = toArray(ev.touches);
- var targetIds = this.targetIds;
-
- // when there is only one touch, the process can be simplified
- if (type & (INPUT_START | INPUT_MOVE) && allTouches.length === 1) {
- targetIds[allTouches[0].identifier] = true;
- return [allTouches, allTouches];
- }
-
- var i,
- targetTouches,
- changedTouches = toArray(ev.changedTouches),
- changedTargetTouches = [],
- target = this.target;
-
- // get target touches from touches
- targetTouches = allTouches.filter(function(touch) {
- return hasParent(touch.target, target);
- });
-
- // collect touches
- if (type === INPUT_START) {
- i = 0;
- while (i < targetTouches.length) {
- targetIds[targetTouches[i].identifier] = true;
- i++;
- }
- }
-
- // filter changed touches to only contain touches that exist in the collected target ids
- i = 0;
- while (i < changedTouches.length) {
- if (targetIds[changedTouches[i].identifier]) {
- changedTargetTouches.push(changedTouches[i]);
- }
-
- // cleanup removed touches
- if (type & (INPUT_END | INPUT_CANCEL)) {
- delete targetIds[changedTouches[i].identifier];
- }
- i++;
- }
-
- if (!changedTargetTouches.length) {
- return;
- }
-
- return [
- // merge targetTouches with changedTargetTouches so it contains ALL touches, including 'end' and 'cancel'
- uniqueArray(targetTouches.concat(changedTargetTouches), 'identifier', true),
- changedTargetTouches
- ];
-}
-
-/**
- * Combined touch and mouse input
- *
- * Touch has a higher priority then mouse, and while touching no mouse events are allowed.
- * This because touch devices also emit mouse events while doing a touch.
- *
- * @constructor
- * @extends Input
- */
-
-var DEDUP_TIMEOUT = 2500;
-var DEDUP_DISTANCE = 25;
-
-function TouchMouseInput() {
- Input.apply(this, arguments);
-
- var handler = bindFn(this.handler, this);
- this.touch = new TouchInput(this.manager, handler);
- this.mouse = new MouseInput(this.manager, handler);
-
- this.primaryTouch = null;
- this.lastTouches = [];
-}
-
-inherit(TouchMouseInput, Input, {
- /**
- * handle mouse and touch events
- * @param {Hammer} manager
- * @param {String} inputEvent
- * @param {Object} inputData
- */
- handler: function TMEhandler(manager, inputEvent, inputData) {
- var isTouch = (inputData.pointerType == INPUT_TYPE_TOUCH),
- isMouse = (inputData.pointerType == INPUT_TYPE_MOUSE);
-
- if (isMouse && inputData.sourceCapabilities && inputData.sourceCapabilities.firesTouchEvents) {
- return;
- }
-
- // when we're in a touch event, record touches to de-dupe synthetic mouse event
- if (isTouch) {
- recordTouches.call(this, inputEvent, inputData);
- } else if (isMouse && isSyntheticEvent.call(this, inputData)) {
- return;
- }
-
- this.callback(manager, inputEvent, inputData);
- },
-
- /**
- * remove the event listeners
- */
- destroy: function destroy() {
- this.touch.destroy();
- this.mouse.destroy();
- }
-});
-
-function recordTouches(eventType, eventData) {
- if (eventType & INPUT_START) {
- this.primaryTouch = eventData.changedPointers[0].identifier;
- setLastTouch.call(this, eventData);
- } else if (eventType & (INPUT_END | INPUT_CANCEL)) {
- setLastTouch.call(this, eventData);
- }
-}
-
-function setLastTouch(eventData) {
- var touch = eventData.changedPointers[0];
-
- if (touch.identifier === this.primaryTouch) {
- var lastTouch = {x: touch.clientX, y: touch.clientY};
- this.lastTouches.push(lastTouch);
- var lts = this.lastTouches;
- var removeLastTouch = function() {
- var i = lts.indexOf(lastTouch);
- if (i > -1) {
- lts.splice(i, 1);
- }
- };
- setTimeout(removeLastTouch, DEDUP_TIMEOUT);
- }
-}
-
-function isSyntheticEvent(eventData) {
- var x = eventData.srcEvent.clientX, y = eventData.srcEvent.clientY;
- for (var i = 0; i < this.lastTouches.length; i++) {
- var t = this.lastTouches[i];
- var dx = Math.abs(x - t.x), dy = Math.abs(y - t.y);
- if (dx <= DEDUP_DISTANCE && dy <= DEDUP_DISTANCE) {
- return true;
- }
- }
- return false;
-}
-
-var PREFIXED_TOUCH_ACTION = prefixed(TEST_ELEMENT.style, 'touchAction');
-var NATIVE_TOUCH_ACTION = PREFIXED_TOUCH_ACTION !== undefined;
-
-// magical touchAction value
-var TOUCH_ACTION_COMPUTE = 'compute';
-var TOUCH_ACTION_AUTO = 'auto';
-var TOUCH_ACTION_MANIPULATION = 'manipulation'; // not implemented
-var TOUCH_ACTION_NONE = 'none';
-var TOUCH_ACTION_PAN_X = 'pan-x';
-var TOUCH_ACTION_PAN_Y = 'pan-y';
-var TOUCH_ACTION_MAP = getTouchActionProps();
-
-/**
- * Touch Action
- * sets the touchAction property or uses the js alternative
- * @param {Manager} manager
- * @param {String} value
- * @constructor
- */
-function TouchAction(manager, value) {
- this.manager = manager;
- this.set(value);
-}
-
-TouchAction.prototype = {
- /**
- * set the touchAction value on the element or enable the polyfill
- * @param {String} value
- */
- set: function(value) {
- // find out the touch-action by the event handlers
- if (value == TOUCH_ACTION_COMPUTE) {
- value = this.compute();
- }
-
- if (NATIVE_TOUCH_ACTION && this.manager.element.style && TOUCH_ACTION_MAP[value]) {
- this.manager.element.style[PREFIXED_TOUCH_ACTION] = value;
- }
- this.actions = value.toLowerCase().trim();
- },
-
- /**
- * just re-set the touchAction value
- */
- update: function() {
- this.set(this.manager.options.touchAction);
- },
-
- /**
- * compute the value for the touchAction property based on the recognizer's settings
- * @returns {String} value
- */
- compute: function() {
- var actions = [];
- each(this.manager.recognizers, function(recognizer) {
- if (boolOrFn(recognizer.options.enable, [recognizer])) {
- actions = actions.concat(recognizer.getTouchAction());
- }
- });
- return cleanTouchActions(actions.join(' '));
- },
-
- /**
- * this method is called on each input cycle and provides the preventing of the browser behavior
- * @param {Object} input
- */
- preventDefaults: function(input) {
- var srcEvent = input.srcEvent;
- var direction = input.offsetDirection;
-
- // if the touch action did prevented once this session
- if (this.manager.session.prevented) {
- srcEvent.preventDefault();
- return;
- }
-
- var actions = this.actions;
- var hasNone = inStr(actions, TOUCH_ACTION_NONE) && !TOUCH_ACTION_MAP[TOUCH_ACTION_NONE];
- var hasPanY = inStr(actions, TOUCH_ACTION_PAN_Y) && !TOUCH_ACTION_MAP[TOUCH_ACTION_PAN_Y];
- var hasPanX = inStr(actions, TOUCH_ACTION_PAN_X) && !TOUCH_ACTION_MAP[TOUCH_ACTION_PAN_X];
-
- if (hasNone) {
- //do not prevent defaults if this is a tap gesture
-
- var isTapPointer = input.pointers.length === 1;
- var isTapMovement = input.distance < 2;
- var isTapTouchTime = input.deltaTime < 250;
-
- if (isTapPointer && isTapMovement && isTapTouchTime) {
- return;
- }
- }
-
- if (hasPanX && hasPanY) {
- // `pan-x pan-y` means browser handles all scrolling/panning, do not prevent
- return;
- }
-
- if (hasNone ||
- (hasPanY && direction & DIRECTION_HORIZONTAL) ||
- (hasPanX && direction & DIRECTION_VERTICAL)) {
- return this.preventSrc(srcEvent);
- }
- },
-
- /**
- * call preventDefault to prevent the browser's default behavior (scrolling in most cases)
- * @param {Object} srcEvent
- */
- preventSrc: function(srcEvent) {
- this.manager.session.prevented = true;
- srcEvent.preventDefault();
- }
-};
-
-/**
- * when the touchActions are collected they are not a valid value, so we need to clean things up. *
- * @param {String} actions
- * @returns {*}
- */
-function cleanTouchActions(actions) {
- // none
- if (inStr(actions, TOUCH_ACTION_NONE)) {
- return TOUCH_ACTION_NONE;
- }
-
- var hasPanX = inStr(actions, TOUCH_ACTION_PAN_X);
- var hasPanY = inStr(actions, TOUCH_ACTION_PAN_Y);
-
- // if both pan-x and pan-y are set (different recognizers
- // for different directions, e.g. horizontal pan but vertical swipe?)
- // we need none (as otherwise with pan-x pan-y combined none of these
- // recognizers will work, since the browser would handle all panning
- if (hasPanX && hasPanY) {
- return TOUCH_ACTION_NONE;
- }
-
- // pan-x OR pan-y
- if (hasPanX || hasPanY) {
- return hasPanX ? TOUCH_ACTION_PAN_X : TOUCH_ACTION_PAN_Y;
- }
-
- // manipulation
- if (inStr(actions, TOUCH_ACTION_MANIPULATION)) {
- return TOUCH_ACTION_MANIPULATION;
- }
-
- return TOUCH_ACTION_AUTO;
-}
-
-function getTouchActionProps() {
- if (!NATIVE_TOUCH_ACTION) {
- return false;
- }
- var touchMap = {};
- var cssSupports = window.CSS && window.CSS.supports;
- ['auto', 'manipulation', 'pan-y', 'pan-x', 'pan-x pan-y', 'none'].forEach(function(val) {
-
- // If css.supports is not supported but there is native touch-action assume it supports
- // all values. This is the case for IE 10 and 11.
- touchMap[val] = cssSupports ? window.CSS.supports('touch-action', val) : true;
- });
- return touchMap;
-}
-
-/**
- * Recognizer flow explained; *
- * All recognizers have the initial state of POSSIBLE when a input session starts.
- * The definition of a input session is from the first input until the last input, with all it's movement in it. *
- * Example session for mouse-input: mousedown -> mousemove -> mouseup
- *
- * On each recognizing cycle (see Manager.recognize) the .recognize() method is executed
- * which determines with state it should be.
- *
- * If the recognizer has the state FAILED, CANCELLED or RECOGNIZED (equals ENDED), it is reset to
- * POSSIBLE to give it another change on the next cycle.
- *
- * Possible
- * |
- * +-----+---------------+
- * | |
- * +-----+-----+ |
- * | | |
- * Failed Cancelled |
- * +-------+------+
- * | |
- * Recognized Began
- * |
- * Changed
- * |
- * Ended/Recognized
- */
-var STATE_POSSIBLE = 1;
-var STATE_BEGAN = 2;
-var STATE_CHANGED = 4;
-var STATE_ENDED = 8;
-var STATE_RECOGNIZED = STATE_ENDED;
-var STATE_CANCELLED = 16;
-var STATE_FAILED = 32;
-
-/**
- * Recognizer
- * Every recognizer needs to extend from this class.
- * @constructor
- * @param {Object} options
- */
-function Recognizer(options) {
- this.options = assign({}, this.defaults, options || {});
-
- this.id = uniqueId();
-
- this.manager = null;
-
- // default is enable true
- this.options.enable = ifUndefined(this.options.enable, true);
-
- this.state = STATE_POSSIBLE;
-
- this.simultaneous = {};
- this.requireFail = [];
-}
-
-Recognizer.prototype = {
- /**
- * @virtual
- * @type {Object}
- */
- defaults: {},
-
- /**
- * set options
- * @param {Object} options
- * @return {Recognizer}
- */
- set: function(options) {
- assign(this.options, options);
-
- // also update the touchAction, in case something changed about the directions/enabled state
- this.manager && this.manager.touchAction.update();
- return this;
- },
-
- /**
- * recognize simultaneous with an other recognizer.
- * @param {Recognizer} otherRecognizer
- * @returns {Recognizer} this
- */
- recognizeWith: function(otherRecognizer) {
- if (invokeArrayArg(otherRecognizer, 'recognizeWith', this)) {
- return this;
- }
-
- var simultaneous = this.simultaneous;
- otherRecognizer = getRecognizerByNameIfManager(otherRecognizer, this);
- if (!simultaneous[otherRecognizer.id]) {
- simultaneous[otherRecognizer.id] = otherRecognizer;
- otherRecognizer.recognizeWith(this);
- }
- return this;
- },
-
- /**
- * drop the simultaneous link. it doesnt remove the link on the other recognizer.
- * @param {Recognizer} otherRecognizer
- * @returns {Recognizer} this
- */
- dropRecognizeWith: function(otherRecognizer) {
- if (invokeArrayArg(otherRecognizer, 'dropRecognizeWith', this)) {
- return this;
- }
-
- otherRecognizer = getRecognizerByNameIfManager(otherRecognizer, this);
- delete this.simultaneous[otherRecognizer.id];
- return this;
- },
-
- /**
- * recognizer can only run when an other is failing
- * @param {Recognizer} otherRecognizer
- * @returns {Recognizer} this
- */
- requireFailure: function(otherRecognizer) {
- if (invokeArrayArg(otherRecognizer, 'requireFailure', this)) {
- return this;
- }
-
- var requireFail = this.requireFail;
- otherRecognizer = getRecognizerByNameIfManager(otherRecognizer, this);
- if (inArray(requireFail, otherRecognizer) === -1) {
- requireFail.push(otherRecognizer);
- otherRecognizer.requireFailure(this);
- }
- return this;
- },
-
- /**
- * drop the requireFailure link. it does not remove the link on the other recognizer.
- * @param {Recognizer} otherRecognizer
- * @returns {Recognizer} this
- */
- dropRequireFailure: function(otherRecognizer) {
- if (invokeArrayArg(otherRecognizer, 'dropRequireFailure', this)) {
- return this;
- }
-
- otherRecognizer = getRecognizerByNameIfManager(otherRecognizer, this);
- var index = inArray(this.requireFail, otherRecognizer);
- if (index > -1) {
- this.requireFail.splice(index, 1);
- }
- return this;
- },
-
- /**
- * has require failures boolean
- * @returns {boolean}
- */
- hasRequireFailures: function() {
- return this.requireFail.length > 0;
- },
-
- /**
- * if the recognizer can recognize simultaneous with an other recognizer
- * @param {Recognizer} otherRecognizer
- * @returns {Boolean}
- */
- canRecognizeWith: function(otherRecognizer) {
- return !!this.simultaneous[otherRecognizer.id];
- },
-
- /**
- * You should use `tryEmit` instead of `emit` directly to check
- * that all the needed recognizers has failed before emitting.
- * @param {Object} input
- */
- emit: function(input) {
- var self = this;
- var state = this.state;
-
- function emit(event) {
- self.manager.emit(event, input);
- }
-
- // 'panstart' and 'panmove'
- if (state < STATE_ENDED) {
- emit(self.options.event + stateStr(state));
- }
-
- emit(self.options.event); // simple 'eventName' events
-
- if (input.additionalEvent) { // additional event(panleft, panright, pinchin, pinchout...)
- emit(input.additionalEvent);
- }
-
- // panend and pancancel
- if (state >= STATE_ENDED) {
- emit(self.options.event + stateStr(state));
- }
- },
-
- /**
- * Check that all the require failure recognizers has failed,
- * if true, it emits a gesture event,
- * otherwise, setup the state to FAILED.
- * @param {Object} input
- */
- tryEmit: function(input) {
- if (this.canEmit()) {
- return this.emit(input);
- }
- // it's failing anyway
- this.state = STATE_FAILED;
- },
-
- /**
- * can we emit?
- * @returns {boolean}
- */
- canEmit: function() {
- var i = 0;
- while (i < this.requireFail.length) {
- if (!(this.requireFail[i].state & (STATE_FAILED | STATE_POSSIBLE))) {
- return false;
- }
- i++;
- }
- return true;
- },
-
- /**
- * update the recognizer
- * @param {Object} inputData
- */
- recognize: function(inputData) {
- // make a new copy of the inputData
- // so we can change the inputData without messing up the other recognizers
- var inputDataClone = assign({}, inputData);
-
- // is is enabled and allow recognizing?
- if (!boolOrFn(this.options.enable, [this, inputDataClone])) {
- this.reset();
- this.state = STATE_FAILED;
- return;
- }
-
- // reset when we've reached the end
- if (this.state & (STATE_RECOGNIZED | STATE_CANCELLED | STATE_FAILED)) {
- this.state = STATE_POSSIBLE;
- }
-
- this.state = this.process(inputDataClone);
-
- // the recognizer has recognized a gesture
- // so trigger an event
- if (this.state & (STATE_BEGAN | STATE_CHANGED | STATE_ENDED | STATE_CANCELLED)) {
- this.tryEmit(inputDataClone);
- }
- },
-
- /**
- * return the state of the recognizer
- * the actual recognizing happens in this method
- * @virtual
- * @param {Object} inputData
- * @returns {Const} STATE
- */
- process: function(inputData) { }, // jshint ignore:line
-
- /**
- * return the preferred touch-action
- * @virtual
- * @returns {Array}
- */
- getTouchAction: function() { },
-
- /**
- * called when the gesture isn't allowed to recognize
- * like when another is being recognized or it is disabled
- * @virtual
- */
- reset: function() { }
-};
-
-/**
- * get a usable string, used as event postfix
- * @param {Const} state
- * @returns {String} state
- */
-function stateStr(state) {
- if (state & STATE_CANCELLED) {
- return 'cancel';
- } else if (state & STATE_ENDED) {
- return 'end';
- } else if (state & STATE_CHANGED) {
- return 'move';
- } else if (state & STATE_BEGAN) {
- return 'start';
- }
- return '';
-}
-
-/**
- * direction cons to string
- * @param {Const} direction
- * @returns {String}
- */
-function directionStr(direction) {
- if (direction == DIRECTION_DOWN) {
- return 'down';
- } else if (direction == DIRECTION_UP) {
- return 'up';
- } else if (direction == DIRECTION_LEFT) {
- return 'left';
- } else if (direction == DIRECTION_RIGHT) {
- return 'right';
- }
- return '';
-}
-
-/**
- * get a recognizer by name if it is bound to a manager
- * @param {Recognizer|String} otherRecognizer
- * @param {Recognizer} recognizer
- * @returns {Recognizer}
- */
-function getRecognizerByNameIfManager(otherRecognizer, recognizer) {
- var manager = recognizer.manager;
- if (manager) {
- return manager.get(otherRecognizer);
- }
- return otherRecognizer;
-}
-
-/**
- * This recognizer is just used as a base for the simple attribute recognizers.
- * @constructor
- * @extends Recognizer
- */
-function AttrRecognizer() {
- Recognizer.apply(this, arguments);
-}
-
-inherit(AttrRecognizer, Recognizer, {
- /**
- * @namespace
- * @memberof AttrRecognizer
- */
- defaults: {
- /**
- * @type {Number}
- * @default 1
- */
- pointers: 1
- },
-
- /**
- * Used to check if it the recognizer receives valid input, like input.distance > 10.
- * @memberof AttrRecognizer
- * @param {Object} input
- * @returns {Boolean} recognized
- */
- attrTest: function(input) {
- var optionPointers = this.options.pointers;
- return optionPointers === 0 || input.pointers.length === optionPointers;
- },
-
- /**
- * Process the input and return the state for the recognizer
- * @memberof AttrRecognizer
- * @param {Object} input
- * @returns {*} State
- */
- process: function(input) {
- var state = this.state;
- var eventType = input.eventType;
-
- var isRecognized = state & (STATE_BEGAN | STATE_CHANGED);
- var isValid = this.attrTest(input);
-
- // on cancel input and we've recognized before, return STATE_CANCELLED
- if (isRecognized && (eventType & INPUT_CANCEL || !isValid)) {
- return state | STATE_CANCELLED;
- } else if (isRecognized || isValid) {
- if (eventType & INPUT_END) {
- return state | STATE_ENDED;
- } else if (!(state & STATE_BEGAN)) {
- return STATE_BEGAN;
- }
- return state | STATE_CHANGED;
- }
- return STATE_FAILED;
- }
-});
-
-/**
- * Pan
- * Recognized when the pointer is down and moved in the allowed direction.
- * @constructor
- * @extends AttrRecognizer
- */
-function PanRecognizer() {
- AttrRecognizer.apply(this, arguments);
-
- this.pX = null;
- this.pY = null;
-}
-
-inherit(PanRecognizer, AttrRecognizer, {
- /**
- * @namespace
- * @memberof PanRecognizer
- */
- defaults: {
- event: 'pan',
- threshold: 10,
- pointers: 1,
- direction: DIRECTION_ALL
- },
-
- getTouchAction: function() {
- var direction = this.options.direction;
- var actions = [];
- if (direction & DIRECTION_HORIZONTAL) {
- actions.push(TOUCH_ACTION_PAN_Y);
- }
- if (direction & DIRECTION_VERTICAL) {
- actions.push(TOUCH_ACTION_PAN_X);
- }
- return actions;
- },
-
- directionTest: function(input) {
- var options = this.options;
- var hasMoved = true;
- var distance = input.distance;
- var direction = input.direction;
- var x = input.deltaX;
- var y = input.deltaY;
-
- // lock to axis?
- if (!(direction & options.direction)) {
- if (options.direction & DIRECTION_HORIZONTAL) {
- direction = (x === 0) ? DIRECTION_NONE : (x < 0) ? DIRECTION_LEFT : DIRECTION_RIGHT;
- hasMoved = x != this.pX;
- distance = Math.abs(input.deltaX);
- } else {
- direction = (y === 0) ? DIRECTION_NONE : (y < 0) ? DIRECTION_UP : DIRECTION_DOWN;
- hasMoved = y != this.pY;
- distance = Math.abs(input.deltaY);
- }
- }
- input.direction = direction;
- return hasMoved && distance > options.threshold && direction & options.direction;
- },
-
- attrTest: function(input) {
- return AttrRecognizer.prototype.attrTest.call(this, input) &&
- (this.state & STATE_BEGAN || (!(this.state & STATE_BEGAN) && this.directionTest(input)));
- },
-
- emit: function(input) {
-
- this.pX = input.deltaX;
- this.pY = input.deltaY;
-
- var direction = directionStr(input.direction);
-
- if (direction) {
- input.additionalEvent = this.options.event + direction;
- }
- this._super.emit.call(this, input);
- }
-});
-
-/**
- * Pinch
- * Recognized when two or more pointers are moving toward (zoom-in) or away from each other (zoom-out).
- * @constructor
- * @extends AttrRecognizer
- */
-function PinchRecognizer() {
- AttrRecognizer.apply(this, arguments);
-}
-
-inherit(PinchRecognizer, AttrRecognizer, {
- /**
- * @namespace
- * @memberof PinchRecognizer
- */
- defaults: {
- event: 'pinch',
- threshold: 0,
- pointers: 2
- },
-
- getTouchAction: function() {
- return [TOUCH_ACTION_NONE];
- },
-
- attrTest: function(input) {
- return this._super.attrTest.call(this, input) &&
- (Math.abs(input.scale - 1) > this.options.threshold || this.state & STATE_BEGAN);
- },
-
- emit: function(input) {
- if (input.scale !== 1) {
- var inOut = input.scale < 1 ? 'in' : 'out';
- input.additionalEvent = this.options.event + inOut;
- }
- this._super.emit.call(this, input);
- }
-});
-
-/**
- * Press
- * Recognized when the pointer is down for x ms without any movement.
- * @constructor
- * @extends Recognizer
- */
-function PressRecognizer() {
- Recognizer.apply(this, arguments);
-
- this._timer = null;
- this._input = null;
-}
-
-inherit(PressRecognizer, Recognizer, {
- /**
- * @namespace
- * @memberof PressRecognizer
- */
- defaults: {
- event: 'press',
- pointers: 1,
- time: 251, // minimal time of the pointer to be pressed
- threshold: 9 // a minimal movement is ok, but keep it low
- },
-
- getTouchAction: function() {
- return [TOUCH_ACTION_AUTO];
- },
-
- process: function(input) {
- var options = this.options;
- var validPointers = input.pointers.length === options.pointers;
- var validMovement = input.distance < options.threshold;
- var validTime = input.deltaTime > options.time;
-
- this._input = input;
-
- // we only allow little movement
- // and we've reached an end event, so a tap is possible
- if (!validMovement || !validPointers || (input.eventType & (INPUT_END | INPUT_CANCEL) && !validTime)) {
- this.reset();
- } else if (input.eventType & INPUT_START) {
- this.reset();
- this._timer = setTimeoutContext(function() {
- this.state = STATE_RECOGNIZED;
- this.tryEmit();
- }, options.time, this);
- } else if (input.eventType & INPUT_END) {
- return STATE_RECOGNIZED;
- }
- return STATE_FAILED;
- },
-
- reset: function() {
- clearTimeout(this._timer);
- },
-
- emit: function(input) {
- if (this.state !== STATE_RECOGNIZED) {
- return;
- }
-
- if (input && (input.eventType & INPUT_END)) {
- this.manager.emit(this.options.event + 'up', input);
- } else {
- this._input.timeStamp = now();
- this.manager.emit(this.options.event, this._input);
- }
- }
-});
-
-/**
- * Rotate
- * Recognized when two or more pointer are moving in a circular motion.
- * @constructor
- * @extends AttrRecognizer
- */
-function RotateRecognizer() {
- AttrRecognizer.apply(this, arguments);
-}
-
-inherit(RotateRecognizer, AttrRecognizer, {
- /**
- * @namespace
- * @memberof RotateRecognizer
- */
- defaults: {
- event: 'rotate',
- threshold: 0,
- pointers: 2
- },
-
- getTouchAction: function() {
- return [TOUCH_ACTION_NONE];
- },
-
- attrTest: function(input) {
- return this._super.attrTest.call(this, input) &&
- (Math.abs(input.rotation) > this.options.threshold || this.state & STATE_BEGAN);
- }
-});
-
-/**
- * Swipe
- * Recognized when the pointer is moving fast (velocity), with enough distance in the allowed direction.
- * @constructor
- * @extends AttrRecognizer
- */
-function SwipeRecognizer() {
- AttrRecognizer.apply(this, arguments);
-}
-
-inherit(SwipeRecognizer, AttrRecognizer, {
- /**
- * @namespace
- * @memberof SwipeRecognizer
- */
- defaults: {
- event: 'swipe',
- threshold: 10,
- velocity: 0.3,
- direction: DIRECTION_HORIZONTAL | DIRECTION_VERTICAL,
- pointers: 1
- },
-
- getTouchAction: function() {
- return PanRecognizer.prototype.getTouchAction.call(this);
- },
-
- attrTest: function(input) {
- var direction = this.options.direction;
- var velocity;
-
- if (direction & (DIRECTION_HORIZONTAL | DIRECTION_VERTICAL)) {
- velocity = input.overallVelocity;
- } else if (direction & DIRECTION_HORIZONTAL) {
- velocity = input.overallVelocityX;
- } else if (direction & DIRECTION_VERTICAL) {
- velocity = input.overallVelocityY;
- }
-
- return this._super.attrTest.call(this, input) &&
- direction & input.offsetDirection &&
- input.distance > this.options.threshold &&
- input.maxPointers == this.options.pointers &&
- abs(velocity) > this.options.velocity && input.eventType & INPUT_END;
- },
-
- emit: function(input) {
- var direction = directionStr(input.offsetDirection);
- if (direction) {
- this.manager.emit(this.options.event + direction, input);
- }
-
- this.manager.emit(this.options.event, input);
- }
-});
-
-/**
- * A tap is ecognized when the pointer is doing a small tap/click. Multiple taps are recognized if they occur
- * between the given interval and position. The delay option can be used to recognize multi-taps without firing
- * a single tap.
- *
- * The eventData from the emitted event contains the property `tapCount`, which contains the amount of
- * multi-taps being recognized.
- * @constructor
- * @extends Recognizer
- */
-function TapRecognizer() {
- Recognizer.apply(this, arguments);
-
- // previous time and center,
- // used for tap counting
- this.pTime = false;
- this.pCenter = false;
-
- this._timer = null;
- this._input = null;
- this.count = 0;
-}
-
-inherit(TapRecognizer, Recognizer, {
- /**
- * @namespace
- * @memberof PinchRecognizer
- */
- defaults: {
- event: 'tap',
- pointers: 1,
- taps: 1,
- interval: 300, // max time between the multi-tap taps
- time: 250, // max time of the pointer to be down (like finger on the screen)
- threshold: 9, // a minimal movement is ok, but keep it low
- posThreshold: 10 // a multi-tap can be a bit off the initial position
- },
-
- getTouchAction: function() {
- return [TOUCH_ACTION_MANIPULATION];
- },
-
- process: function(input) {
- var options = this.options;
-
- var validPointers = input.pointers.length === options.pointers;
- var validMovement = input.distance < options.threshold;
- var validTouchTime = input.deltaTime < options.time;
-
- this.reset();
-
- if ((input.eventType & INPUT_START) && (this.count === 0)) {
- return this.failTimeout();
- }
-
- // we only allow little movement
- // and we've reached an end event, so a tap is possible
- if (validMovement && validTouchTime && validPointers) {
- if (input.eventType != INPUT_END) {
- return this.failTimeout();
- }
-
- var validInterval = this.pTime ? (input.timeStamp - this.pTime < options.interval) : true;
- var validMultiTap = !this.pCenter || getDistance(this.pCenter, input.center) < options.posThreshold;
-
- this.pTime = input.timeStamp;
- this.pCenter = input.center;
-
- if (!validMultiTap || !validInterval) {
- this.count = 1;
- } else {
- this.count += 1;
- }
-
- this._input = input;
-
- // if tap count matches we have recognized it,
- // else it has began recognizing...
- var tapCount = this.count % options.taps;
- if (tapCount === 0) {
- // no failing requirements, immediately trigger the tap event
- // or wait as long as the multitap interval to trigger
- if (!this.hasRequireFailures()) {
- return STATE_RECOGNIZED;
- } else {
- this._timer = setTimeoutContext(function() {
- this.state = STATE_RECOGNIZED;
- this.tryEmit();
- }, options.interval, this);
- return STATE_BEGAN;
- }
- }
- }
- return STATE_FAILED;
- },
-
- failTimeout: function() {
- this._timer = setTimeoutContext(function() {
- this.state = STATE_FAILED;
- }, this.options.interval, this);
- return STATE_FAILED;
- },
-
- reset: function() {
- clearTimeout(this._timer);
- },
-
- emit: function() {
- if (this.state == STATE_RECOGNIZED) {
- this._input.tapCount = this.count;
- this.manager.emit(this.options.event, this._input);
- }
- }
-});
-
-/**
- * Simple way to create a manager with a default set of recognizers.
- * @param {HTMLElement} element
- * @param {Object} [options]
- * @constructor
- */
-function Hammer(element, options) {
- options = options || {};
- options.recognizers = ifUndefined(options.recognizers, Hammer.defaults.preset);
- return new Manager(element, options);
-}
-
-/**
- * @const {string}
- */
-Hammer.VERSION = '2.0.7';
-
-/**
- * default settings
- * @namespace
- */
-Hammer.defaults = {
- /**
- * set if DOM events are being triggered.
- * But this is slower and unused by simple implementations, so disabled by default.
- * @type {Boolean}
- * @default false
- */
- domEvents: false,
-
- /**
- * The value for the touchAction property/fallback.
- * When set to `compute` it will magically set the correct value based on the added recognizers.
- * @type {String}
- * @default compute
- */
- touchAction: TOUCH_ACTION_COMPUTE,
-
- /**
- * @type {Boolean}
- * @default true
- */
- enable: true,
-
- /**
- * EXPERIMENTAL FEATURE -- can be removed/changed
- * Change the parent input target element.
- * If Null, then it is being set the to main element.
- * @type {Null|EventTarget}
- * @default null
- */
- inputTarget: null,
-
- /**
- * force an input class
- * @type {Null|Function}
- * @default null
- */
- inputClass: null,
-
- /**
- * Default recognizer setup when calling `Hammer()`
- * When creating a new Manager these will be skipped.
- * @type {Array}
- */
- preset: [
- // RecognizerClass, options, [recognizeWith, ...], [requireFailure, ...]
- [RotateRecognizer, {enable: false}],
- [PinchRecognizer, {enable: false}, ['rotate']],
- [SwipeRecognizer, {direction: DIRECTION_HORIZONTAL}],
- [PanRecognizer, {direction: DIRECTION_HORIZONTAL}, ['swipe']],
- [TapRecognizer],
- [TapRecognizer, {event: 'doubletap', taps: 2}, ['tap']],
- [PressRecognizer]
- ],
-
- /**
- * Some CSS properties can be used to improve the working of Hammer.
- * Add them to this method and they will be set when creating a new Manager.
- * @namespace
- */
- cssProps: {
- /**
- * Disables text selection to improve the dragging gesture. Mainly for desktop browsers.
- * @type {String}
- * @default 'none'
- */
- userSelect: 'none',
-
- /**
- * Disable the Windows Phone grippers when pressing an element.
- * @type {String}
- * @default 'none'
- */
- touchSelect: 'none',
-
- /**
- * Disables the default callout shown when you touch and hold a touch target.
- * On iOS, when you touch and hold a touch target such as a link, Safari displays
- * a callout containing information about the link. This property allows you to disable that callout.
- * @type {String}
- * @default 'none'
- */
- touchCallout: 'none',
-
- /**
- * Specifies whether zooming is enabled. Used by IE10>
- * @type {String}
- * @default 'none'
- */
- contentZooming: 'none',
-
- /**
- * Specifies that an entire element should be draggable instead of its contents. Mainly for desktop browsers.
- * @type {String}
- * @default 'none'
- */
- userDrag: 'none',
-
- /**
- * Overrides the highlight color shown when the user taps a link or a JavaScript
- * clickable element in iOS. This property obeys the alpha value, if specified.
- * @type {String}
- * @default 'rgba(0,0,0,0)'
- */
- tapHighlightColor: 'rgba(0,0,0,0)'
- }
-};
-
-var STOP = 1;
-var FORCED_STOP = 2;
-
-/**
- * Manager
- * @param {HTMLElement} element
- * @param {Object} [options]
- * @constructor
- */
-function Manager(element, options) {
- this.options = assign({}, Hammer.defaults, options || {});
-
- this.options.inputTarget = this.options.inputTarget || element;
-
- this.handlers = {};
- this.session = {};
- this.recognizers = [];
- this.oldCssProps = {};
-
- this.element = element;
- this.input = createInputInstance(this);
- this.touchAction = new TouchAction(this, this.options.touchAction);
-
- toggleCssProps(this, true);
-
- each(this.options.recognizers, function(item) {
- var recognizer = this.add(new (item[0])(item[1]));
- item[2] && recognizer.recognizeWith(item[2]);
- item[3] && recognizer.requireFailure(item[3]);
- }, this);
-}
-
-Manager.prototype = {
- /**
- * set options
- * @param {Object} options
- * @returns {Manager}
- */
- set: function(options) {
- assign(this.options, options);
-
- // Options that need a little more setup
- if (options.touchAction) {
- this.touchAction.update();
- }
- if (options.inputTarget) {
- // Clean up existing event listeners and reinitialize
- this.input.destroy();
- this.input.target = options.inputTarget;
- this.input.init();
- }
- return this;
- },
-
- /**
- * stop recognizing for this session.
- * This session will be discarded, when a new [input]start event is fired.
- * When forced, the recognizer cycle is stopped immediately.
- * @param {Boolean} [force]
- */
- stop: function(force) {
- this.session.stopped = force ? FORCED_STOP : STOP;
- },
-
- /**
- * run the recognizers!
- * called by the inputHandler function on every movement of the pointers (touches)
- * it walks through all the recognizers and tries to detect the gesture that is being made
- * @param {Object} inputData
- */
- recognize: function(inputData) {
- var session = this.session;
- if (session.stopped) {
- return;
- }
-
- // run the touch-action polyfill
- this.touchAction.preventDefaults(inputData);
-
- var recognizer;
- var recognizers = this.recognizers;
-
- // this holds the recognizer that is being recognized.
- // so the recognizer's state needs to be BEGAN, CHANGED, ENDED or RECOGNIZED
- // if no recognizer is detecting a thing, it is set to `null`
- var curRecognizer = session.curRecognizer;
-
- // reset when the last recognizer is recognized
- // or when we're in a new session
- if (!curRecognizer || (curRecognizer && curRecognizer.state & STATE_RECOGNIZED)) {
- curRecognizer = session.curRecognizer = null;
- }
-
- var i = 0;
- while (i < recognizers.length) {
- recognizer = recognizers[i];
-
- // find out if we are allowed try to recognize the input for this one.
- // 1. allow if the session is NOT forced stopped (see the .stop() method)
- // 2. allow if we still haven't recognized a gesture in this session, or the this recognizer is the one
- // that is being recognized.
- // 3. allow if the recognizer is allowed to run simultaneous with the current recognized recognizer.
- // this can be setup with the `recognizeWith()` method on the recognizer.
- if (session.stopped !== FORCED_STOP && ( // 1
- !curRecognizer || recognizer == curRecognizer || // 2
- recognizer.canRecognizeWith(curRecognizer))) { // 3
- recognizer.recognize(inputData);
- } else {
- recognizer.reset();
- }
-
- // if the recognizer has been recognizing the input as a valid gesture, we want to store this one as the
- // current active recognizer. but only if we don't already have an active recognizer
- if (!curRecognizer && recognizer.state & (STATE_BEGAN | STATE_CHANGED | STATE_ENDED)) {
- curRecognizer = session.curRecognizer = recognizer;
- }
- i++;
- }
- },
-
- /**
- * get a recognizer by its event name.
- * @param {Recognizer|String} recognizer
- * @returns {Recognizer|Null}
- */
- get: function(recognizer) {
- if (recognizer instanceof Recognizer) {
- return recognizer;
- }
-
- var recognizers = this.recognizers;
- for (var i = 0; i < recognizers.length; i++) {
- if (recognizers[i].options.event == recognizer) {
- return recognizers[i];
- }
- }
- return null;
- },
-
- /**
- * add a recognizer to the manager
- * existing recognizers with the same event name will be removed
- * @param {Recognizer} recognizer
- * @returns {Recognizer|Manager}
- */
- add: function(recognizer) {
- if (invokeArrayArg(recognizer, 'add', this)) {
- return this;
- }
-
- // remove existing
- var existing = this.get(recognizer.options.event);
- if (existing) {
- this.remove(existing);
- }
-
- this.recognizers.push(recognizer);
- recognizer.manager = this;
-
- this.touchAction.update();
- return recognizer;
- },
-
- /**
- * remove a recognizer by name or instance
- * @param {Recognizer|String} recognizer
- * @returns {Manager}
- */
- remove: function(recognizer) {
- if (invokeArrayArg(recognizer, 'remove', this)) {
- return this;
- }
-
- recognizer = this.get(recognizer);
-
- // let's make sure this recognizer exists
- if (recognizer) {
- var recognizers = this.recognizers;
- var index = inArray(recognizers, recognizer);
-
- if (index !== -1) {
- recognizers.splice(index, 1);
- this.touchAction.update();
- }
- }
-
- return this;
- },
-
- /**
- * bind event
- * @param {String} events
- * @param {Function} handler
- * @returns {EventEmitter} this
- */
- on: function(events, handler) {
- if (events === undefined) {
- return;
- }
- if (handler === undefined) {
- return;
- }
-
- var handlers = this.handlers;
- each(splitStr(events), function(event) {
- handlers[event] = handlers[event] || [];
- handlers[event].push(handler);
- });
- return this;
- },
-
- /**
- * unbind event, leave emit blank to remove all handlers
- * @param {String} events
- * @param {Function} [handler]
- * @returns {EventEmitter} this
- */
- off: function(events, handler) {
- if (events === undefined) {
- return;
- }
-
- var handlers = this.handlers;
- each(splitStr(events), function(event) {
- if (!handler) {
- delete handlers[event];
- } else {
- handlers[event] && handlers[event].splice(inArray(handlers[event], handler), 1);
- }
- });
- return this;
- },
-
- /**
- * emit event to the listeners
- * @param {String} event
- * @param {Object} data
- */
- emit: function(event, data) {
- // we also want to trigger dom events
- if (this.options.domEvents) {
- triggerDomEvent(event, data);
- }
-
- // no handlers, so skip it all
- var handlers = this.handlers[event] && this.handlers[event].slice();
- if (!handlers || !handlers.length) {
- return;
- }
-
- data.type = event;
- data.preventDefault = function() {
- data.srcEvent.preventDefault();
- };
-
- var i = 0;
- while (i < handlers.length) {
- handlers[i](data);
- i++;
- }
- },
-
- /**
- * destroy the manager and unbinds all events
- * it doesn't unbind dom events, that is the user own responsibility
- */
- destroy: function() {
- this.element && toggleCssProps(this, false);
-
- this.handlers = {};
- this.session = {};
- this.input.destroy();
- this.element = null;
- }
-};
-
-/**
- * add/remove the css properties as defined in manager.options.cssProps
- * @param {Manager} manager
- * @param {Boolean} add
- */
-function toggleCssProps(manager, add) {
- var element = manager.element;
- if (!element.style) {
- return;
- }
- var prop;
- each(manager.options.cssProps, function(value, name) {
- prop = prefixed(element.style, name);
- if (add) {
- manager.oldCssProps[prop] = element.style[prop];
- element.style[prop] = value;
- } else {
- element.style[prop] = manager.oldCssProps[prop] || '';
- }
- });
- if (!add) {
- manager.oldCssProps = {};
- }
-}
-
-/**
- * trigger dom event
- * @param {String} event
- * @param {Object} data
- */
-function triggerDomEvent(event, data) {
- var gestureEvent = document.createEvent('Event');
- gestureEvent.initEvent(event, true, true);
- gestureEvent.gesture = data;
- data.target.dispatchEvent(gestureEvent);
-}
-
-assign(Hammer, {
- INPUT_START: INPUT_START,
- INPUT_MOVE: INPUT_MOVE,
- INPUT_END: INPUT_END,
- INPUT_CANCEL: INPUT_CANCEL,
-
- STATE_POSSIBLE: STATE_POSSIBLE,
- STATE_BEGAN: STATE_BEGAN,
- STATE_CHANGED: STATE_CHANGED,
- STATE_ENDED: STATE_ENDED,
- STATE_RECOGNIZED: STATE_RECOGNIZED,
- STATE_CANCELLED: STATE_CANCELLED,
- STATE_FAILED: STATE_FAILED,
-
- DIRECTION_NONE: DIRECTION_NONE,
- DIRECTION_LEFT: DIRECTION_LEFT,
- DIRECTION_RIGHT: DIRECTION_RIGHT,
- DIRECTION_UP: DIRECTION_UP,
- DIRECTION_DOWN: DIRECTION_DOWN,
- DIRECTION_HORIZONTAL: DIRECTION_HORIZONTAL,
- DIRECTION_VERTICAL: DIRECTION_VERTICAL,
- DIRECTION_ALL: DIRECTION_ALL,
-
- Manager: Manager,
- Input: Input,
- TouchAction: TouchAction,
-
- TouchInput: TouchInput,
- MouseInput: MouseInput,
- PointerEventInput: PointerEventInput,
- TouchMouseInput: TouchMouseInput,
- SingleTouchInput: SingleTouchInput,
-
- Recognizer: Recognizer,
- AttrRecognizer: AttrRecognizer,
- Tap: TapRecognizer,
- Pan: PanRecognizer,
- Swipe: SwipeRecognizer,
- Pinch: PinchRecognizer,
- Rotate: RotateRecognizer,
- Press: PressRecognizer,
-
- on: addEventListeners,
- off: removeEventListeners,
- each: each,
- merge: merge,
- extend: extend,
- assign: assign,
- inherit: inherit,
- bindFn: bindFn,
- prefixed: prefixed
-});
-
-// this prevents errors when Hammer is loaded in the presence of an AMD
-// style loader but by script tag, not by the loader.
-var freeGlobal = (typeof window !== 'undefined' ? window : (typeof self !== 'undefined' ? self : {})); // jshint ignore:line
-freeGlobal.Hammer = Hammer;
-
-if (true) {
- !(__WEBPACK_AMD_DEFINE_RESULT__ = (function() {
- return Hammer;
- }).call(exports, __webpack_require__, exports, module),
- __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
-} else {}
-
-})(window, document, 'Hammer');
-
-
-/***/ }),
-
-/***/ "./src/example.scss":
-/*!**************************!*\
- !*** ./src/example.scss ***!
- \**************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-// extracted by mini-css-extract-plugin
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/api/__.js":
-/*!*****************************************!*\
- !*** ./node_modules/riot/esm/api/__.js ***!
- \*****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "__": () => (/* binding */ __)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_binding_types_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/binding-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/binding-types.js");
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
-/* harmony import */ var _node_modules_riotjs_util_expression_types_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../node_modules/@riotjs/util/expression-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/expression-types.js");
-/* harmony import */ var _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js */ "./node_modules/riot/esm/node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js");
-/* harmony import */ var _core_css_manager_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/css-manager.js */ "./node_modules/riot/esm/core/css-manager.js");
-/* Riot v7.1.0, @license MIT */
-
-
-
-
-
-
-// expose some internal stuff that might be used from external tools
-const __ = {
- cssManager: _core_css_manager_js__WEBPACK_IMPORTED_MODULE_0__["default"],
- DOMBindings: {
- template: _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_1__.template,
- createBinding: _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_1__.createBinding,
- createExpression: _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_1__.createExpression,
- bindingTypes: _node_modules_riotjs_util_binding_types_js__WEBPACK_IMPORTED_MODULE_2__["default"],
- expressionTypes: _node_modules_riotjs_util_expression_types_js__WEBPACK_IMPORTED_MODULE_3__["default"]
- },
- globals: {
- DOM_COMPONENT_INSTANCE_PROPERTY: _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.DOM_COMPONENT_INSTANCE_PROPERTY,
- PARENT_KEY_SYMBOL: _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PARENT_KEY_SYMBOL
- }
-};
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/api/component.js":
-/*!************************************************!*\
- !*** ./node_modules/riot/esm/api/component.js ***!
- \************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "component": () => (/* binding */ component)
-/* harmony export */ });
-/* harmony import */ var _node_modules_cumpa_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/cumpa/index.next.js */ "./node_modules/riot/esm/node_modules/cumpa/index.next.js");
-/* harmony import */ var _core_create_component_from_wrapper_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/create-component-from-wrapper.js */ "./node_modules/riot/esm/core/create-component-from-wrapper.js");
-/* Riot v7.1.0, @license MIT */
-
-
-
-/**
- * Helper method to create component without relying on the registered ones
- * @param {Object} implementation - component implementation
- * @returns {Function} function that will allow you to mount a riot component on a DOM node
- */
-function component(implementation) {
- return function (el, props, _temp) {
- let {
- slots,
- attributes,
- parentScope
- } = _temp === void 0 ? {} : _temp;
- return (0,_node_modules_cumpa_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(c => c.mount(el, parentScope), c => c({
- props,
- slots,
- attributes
- }), _core_create_component_from_wrapper_js__WEBPACK_IMPORTED_MODULE_1__.createComponentFromWrapper)(implementation);
- };
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/api/install.js":
-/*!**********************************************!*\
- !*** ./node_modules/riot/esm/api/install.js ***!
- \**********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "install": () => (/* binding */ install)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/checks.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/checks.js");
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
-/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
-/* Riot v7.1.0, @license MIT */
-
-
-
-
-/**
- * Define a riot plugin
- * @param {Function} plugin - function that will receive all the components created
- * @returns {Set} the set containing all the plugins installed
- */
-function install(plugin) {
- if (!(0,_node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_0__.isFunction)(plugin)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__.panic)('Plugins must be of type function');
- if (_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.PLUGINS_SET.has(plugin)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__.panic)('This plugin was already installed');
- _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.PLUGINS_SET.add(plugin);
- return _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.PLUGINS_SET;
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/api/mount.js":
-/*!********************************************!*\
- !*** ./node_modules/riot/esm/api/mount.js ***!
- \********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "mount": () => (/* binding */ mount)
-/* harmony export */ });
-/* harmony import */ var _node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/bianco.query/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.query/index.next.js");
-/* harmony import */ var _core_mount_component_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/mount-component.js */ "./node_modules/riot/esm/core/mount-component.js");
+(()=>{var t,e={837:(t,e,n)=>{"use strict";var i={};n.r(i),n.d(i,{__:()=>ee,component:()=>Zt,install:()=>qt,mount:()=>$t,pure:()=>Jt,register:()=>Wt,uninstall:()=>Kt,unmount:()=>Gt,unregister:()=>Vt,version:()=>te,withTypes:()=>Qt});
+/* Riot WIP, @license MIT */
+const r=new Map,s=Symbol("riot-component"),o=new Set,a="mount",u="update",c="unmount",l="shouldUpdate",h="onBeforeMount",p="onMounted",d="onBeforeUpdate",f="onUpdated",m="onBeforeUnmount",v="onUnmounted",g="props",y="state",b="slots",T="root",x=Symbol("pure"),E=Symbol("is_updating"),O=Symbol("parent"),A=Symbol("attributes"),w=Symbol("template"),_={ATTRIBUTE:0,EVENT:1,TEXT:2,VALUE:3};function N(t){return t.replace(/-(\w)/g,((t,e)=>e.toUpperCase()))}
+/* Riot WIP, @license MIT */
+function S(t,e){throw new Error(t,{cause:e})}function j(t){const e=new Map,n=n=>(e.has(n)||e.set(n,t.call(this,n)))&&e.get(n);return n.cache=e,n}function C(t){return t.reduce(((t,e)=>{const{value:n,type:i}=e;switch(!0){case!e.name&&0===i:return Object.assign({},t,n);case 3===i:t.value=e.value;break;default:t[N(e.name)]=e.value}return t}),{})}
+/* Riot WIP, @license MIT */
+function M(t,e){return typeof t===e}function I(t){const e=t.ownerSVGElement;return!!e||null===e}function P(t){return"template"===t.tagName.toLowerCase()}function D(t){return M(t,"function")}function R(t){return!k(t)&&t.constructor===Object}function k(t){return null==t}
+/* Riot WIP, @license MIT */
+function z(){return this}function L(t){return D(t)?t.prototype&&t.prototype.constructor?new t:t():t}
/* Riot v7.1.0, @license MIT */
-
-
-
-/**
- * Mounting function that will work only for the components that were globally registered
- * @param {string|HTMLElement} selector - query for the selection or a DOM element
- * @param {Object} initialProps - the initial component properties
- * @param {string} name - optional component name
- * @returns {Array} list of riot components
- */
-function mount(selector, initialProps, name) {
- return (0,_node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(selector).map(element => (0,_core_mount_component_js__WEBPACK_IMPORTED_MODULE_1__.mountComponent)(element, initialProps, name));
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/api/pure.js":
-/*!*******************************************!*\
- !*** ./node_modules/riot/esm/api/pure.js ***!
- \*******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "pure": () => (/* binding */ pure)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/checks.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/checks.js");
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
-/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
+const U=Object.freeze({[a]:z,[u]:z,[c]:z}),Y=Object.assign({},U,{clone:z,createDOM:z});function X(t){for(;t.firstChild;)t.removeChild(t.firstChild)}const F=t=>t.remove(),H=(t,e)=>e&&e.parentNode&&e.parentNode.insertBefore(t,e),B={EACH:0,IF:1,SIMPLE:2,TAG:3,SLOT:4};
+/* Riot WIP, @license MIT */
+function W(t,e,n,i){return void 0===i&&(i={}),Object.defineProperty(t,e,Object.assign({value:n,enumerable:!1,writable:!1,configurable:!0},i)),t}function q(t,e,n){return Object.entries(e).forEach((e=>{let[i,r]=e;W(t,i,r,n)})),t}function V(t,e){return Object.entries(e).forEach((e=>{let[n,i]=e;t[n]||(t[n]=i)})),t}
+/* Riot WIP, @license MIT */
+const $=Symbol(),G=Symbol();function K(t){const e=t.dom.cloneNode(!0),{head:n,tail:i}=function(){const t=document.createTextNode(""),e=document.createTextNode("");return t[$]=!0,e[G]=!0,{head:t,tail:e}}();return{avoidDOMInjection:!0,fragment:e,head:n,tail:i,children:[n,...Array.from(e.childNodes),i]}}const Z=Symbol("unmount"),J={nodes:[],mount(t,e){return this.update(t,e)},update(t,e){const{placeholder:n,nodes:i,childrenMap:r}=this,s=t===Z?null:this.evaluate(t),o=s?Array.from(s):[],{newChildrenMap:a,batches:u,futureNodes:c}=function(t,e,n,i){const{condition:r,template:s,childrenMap:o,itemName:a,getKey:u,indexName:c,root:l,isTemplateTag:h}=i,p=new Map,d=[],f=[];return t.forEach(((t,i)=>{const m=function(t,e){let{itemName:n,indexName:i,index:r,item:s}=e;W(t,n,s),i&&W(t,i,r);return t}(Object.create(e),{itemName:a,indexName:c,index:i,item:t}),v=u?u(m):i,g=o.get(v),y=[];if(function(t,e){return!!t&&!t(e)}(r,m))return;const b=!g,T=g?g.template:s.clone(),x=T.el||l.cloneNode(),E=h&&b?K(T):T.meta;b?d.push((()=>T.mount(x,m,n,E))):d.push((()=>T.update(m,n))),h?y.push(...E.children):y.push(x),o.delete(v),f.push(...y),p.set(v,{nodes:y,template:T,context:m,index:i})})),{newChildrenMap:p,batches:d,futureNodes:f}}(o,t,e,this);return((t,e,n,i)=>{const r=e.length;let s=t.length,o=r,a=0,u=0,c=null;for(;ai-u){const r=n(t[a],0);for(;u{if(i<0){const n=t[t.length-1];if(n){const{template:i,nodes:r,context:s}=n;r.pop(),r.length||(t.pop(),i.unmount(s,e,null))}}return n}}(Array.from(r.values()),e),n),u.forEach((t=>t())),this.childrenMap=a,this.nodes=c,this},unmount(t,e){return this.update(Z,e),this}};const Q={mount(t,e){return this.update(t,e)},update(t,e){const n=!!this.evaluate(t),i=!this.value&&n,r=this.value&&!n,s=()=>{const n=this.node.cloneNode();H(n,this.placeholder),this.template=this.template.clone(),this.template.mount(n,t,e)};switch(!0){case i:s();break;case r:this.unmount(t);break;default:n&&this.template.update(t,e)}return this.value=n,this},unmount(t,e){return this.template.unmount(t,e,!0),this}};const tt="undefined"==typeof Element?{}:Element.prototype,et=j((t=>tt.hasOwnProperty(t)));function nt(t,e,n,i){let{name:r}=e;if(!r)return i&&function(t,e,n){const i=e?Object.keys(e):[];Object.keys(n).filter((t=>!i.includes(t))).forEach((e=>t.removeAttribute(e)))}(t,n,i),void(n&&function(t,e){Object.entries(e).forEach((e=>{let[n,i]=e;return nt(t,{name:n},i)}))}(t,n));!et(r)&&(function(t){return M(t,"boolean")}(n)||R(n)||D(n))&&(t[r]=n),!function(t){return!t&&0!==t}(n)?function(t){return!0===t||["string","number"].includes(typeof t)}(n)&&t.setAttribute(r,function(t,e){return!0===e?t:e}(r,n)):t.removeAttribute(r)}const it=/^on/,rt={handleEvent(t){this[t.type](t)}},st=new WeakMap;function ot(t){return k(t)?"":t}const at=(t,e)=>{const n=t.childNodes[e];if(n.nodeType===Node.COMMENT_NODE){const e=document.createTextNode("");return t.replaceChild(e,n),e}return n};const ut={0:nt,1:function(t,e,n){let{name:i}=e;const r=i.replace(it,""),s=st.get(t)||(t=>{const e=Object.create(rt);return st.set(t,e),e})(t),[o,a]=(t=>Array.isArray(t)?t:[t,!1])(n),u=s[r],c=o&&!u;u&&!o&&t.removeEventListener(r,s),c&&t.addEventListener(r,s,a),s[r]=o},2:function(t,e,n){t.data=ot(n)},3:function(t,e,n){t.value=ot(n)}},ct={mount(t){return this.value=this.evaluate(t),lt(this,this.value),this},update(t){const e=this.evaluate(t);return this.value!==e&&(lt(this,e),this.value=e),this},unmount(){return 1===this.type&<(this,null),this}};function lt(t,e){return ut[t.type](t.node,t,e,t.value)}function ht(t,e){return Object.assign({},ct,e,{node:2===e.type?at(t,e.childNodeIndex):t})}const pt=(t,e)=>t[O]||e,dt={attributes:[],getTemplateScope(t,e){return function(t,e,n){if(!t||!t.length)return n;const i=t.map((t=>Object.assign({},t,{value:t.evaluate(e)})));return Object.assign(Object.create(n||null),C(i))}(this.attributes,t,e)},mount(t,e){const n=!!t.slots&&t.slots.find((t=>{let{id:e}=t;return e===this.name})),{parentNode:i}=this.node,r=pt(t,e);return this.template=n&&Et(n.html,n.bindings).createDOM(i),this.template&&(X(this.node),this.template.mount(this.node,this.getTemplateScope(t,r),r),this.template.children=Array.from(this.node.childNodes)),ft(this.node),F(this.node),this},update(t,e){if(this.template){const n=pt(t,e);this.template.update(this.getTemplateScope(t,n),n)}return this},unmount(t,e,n){return this.template&&this.template.unmount(this.getTemplateScope(t,e),null,n),this}};function ft(t){const e=t&&t.firstChild;e&&(H(e,t),ft(t))}function mt(t){return t.reduce(((t,e)=>{let{bindings:n}=e;return t.concat(n)}),[])}const vt={mount(t){return this.update(t)},update(t,e){const n=this.evaluate(t);return n&&n===this.name?this.tag.update(t):(this.unmount(t,e,!0),this.name=n,this.tag=function(t,e,n){return void 0===e&&(e=[]),void 0===n&&(n=[]),t?t({slots:e,attributes:n}):Et(function(t){return t.reduce(((t,e)=>t+e.html),"")}(e),[...mt(e),{expressions:n.map((t=>Object.assign({type:0},t)))}])}(this.getComponent(n),this.slots,this.attributes),this.tag.mount(this.node,t)),this},unmount(t,e,n){return this.tag&&this.tag.unmount(n),this}};const gt={1:function(t,e){let{evaluate:n,template:i}=e;const r=document.createTextNode("");return H(r,t),F(t),Object.assign({},Q,{node:t,evaluate:n,placeholder:r,template:i.createDOM(t)})},2:function(t,e){let{expressions:n}=e;return Object.assign({},(i=n.map((e=>ht(t,e))),["mount","update","unmount"].reduce(((t,e)=>Object.assign({},t,{[e]:t=>i.map((n=>n[e](t)))&&r})),{})));var i,r},0:function(t,e){let{evaluate:n,condition:i,itemName:r,indexName:s,getKey:o,template:a}=e;const u=document.createTextNode(""),c=t.cloneNode();return H(u,t),F(t),Object.assign({},J,{childrenMap:new Map,node:t,root:c,condition:i,evaluate:n,isTemplateTag:P(c),template:a.createDOM(t),getKey:o,indexName:s,itemName:r,placeholder:u})},3:function(t,e){let{evaluate:n,getComponent:i,slots:r,attributes:s}=e;return Object.assign({},vt,{node:t,evaluate:n,slots:r,attributes:s,getComponent:i})},4:function(t,e){let{name:n,attributes:i}=e;return Object.assign({},dt,{attributes:i,node:t,name:n})}};function yt(t,e){return t.map((t=>2===t.type?Object.assign({},t,{childNodeIndex:t.childNodeIndex+e}):t))}function bt(t,e,n){const{selector:i,type:r,redundantAttribute:s,expressions:o}=e,a=i?t.querySelector(i):t;s&&a.removeAttribute(s);const u=o||[];return(gt[r]||gt[2])(a,Object.assign({},e,{expressions:n&&!i?yt(u,n):u}))}function Tt(t,e){return I(t)?function(t,e){return e.ownerDocument.importNode((new window.DOMParser).parseFromString(``,"application/xml").documentElement,!0)}(e,t):function(t,e){const n=P(e)?e:document.createElement("template");return n.innerHTML=t,n.content}(e,t)}const xt={createDOM(t){return this.dom=this.dom||function(t,e){return e&&("string"==typeof e?Tt(t,e):e)}(t,this.html)||document.createDocumentFragment(),this},mount(t,e,n,i){void 0===i&&(i={}),t||S("Please provide DOM node to mount properly your template"),this.el&&this.unmount(e);const{fragment:r,children:s,avoidDOMInjection:o}=i,{parentNode:a}=s?s[0]:t,u=P(t),c=u?function(t,e,n){const i=Array.from(t.childNodes);return Math.max(i.indexOf(e),i.indexOf(n.head)+1,0)}(a,t,i):null;this.createDOM(t);const l=r||this.dom.cloneNode(!0);return this.el=u?a:t,this.children=u?s||Array.from(l.childNodes):null,!o&&l&&function(t,e){switch(!0){case I(t):!function(t,e){for(;t.firstChild;)e.appendChild(t.firstChild)}(e,t);break;case P(t):t.parentNode.replaceChild(e,t);break;default:t.appendChild(e)}}(t,l),this.bindings=this.bindingsData.map((t=>bt(this.el,t,c))),this.bindings.forEach((t=>t.mount(e,n))),this.meta=i,this},update(t,e){return this.bindings.forEach((n=>n.update(t,e))),this},unmount(t,e,n){void 0===n&&(n=!1);const i=this.el;if(!i)return this;switch(this.bindings.forEach((i=>i.unmount(t,e,n))),!0){case i[x]||null===n:break;case Array.isArray(this.children):!function(t){for(let e=0;e {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "register": () => (/* binding */ register)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
-/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
-/* harmony import */ var _core_create_component_from_wrapper_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/create-component-from-wrapper.js */ "./node_modules/riot/esm/core/create-component-from-wrapper.js");
+const Ot=(t,e)=>t[s]=e;
/* Riot v7.1.0, @license MIT */
-
-
-
-
-/**
- * Register a custom tag by name
- * @param {string} name - component name
- * @param {Object} implementation - tag implementation
- * @returns {Map} map containing all the components implementations
- */
-function register(name, _ref) {
- let {
- css,
- template,
- exports
- } = _ref;
- if (_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.COMPONENTS_IMPLEMENTATION_MAP.has(name)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__.panic)(`The component "${name}" was already registered`);
- _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.COMPONENTS_IMPLEMENTATION_MAP.set(name, (0,_core_create_component_from_wrapper_js__WEBPACK_IMPORTED_MODULE_2__.createComponentFromWrapper)({
- name,
- css,
- template,
- exports
- }));
- return _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.COMPONENTS_IMPLEMENTATION_MAP;
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/api/uninstall.js":
-/*!************************************************!*\
- !*** ./node_modules/riot/esm/api/uninstall.js ***!
- \************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "uninstall": () => (/* binding */ uninstall)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
-/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
+function At(t){return[a,u,c].reduce(((e,n)=>(e[n]=t(n),e)),{})}
+/* Riot WIP, @license MIT */
+function wt(t){return Array.isArray(t)?t:/^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(t))&&"number"==typeof t.length?Array.from(t):[t]}
+/* Riot WIP, @license MIT */
+function _t(t,e){return wt("string"==typeof t?(e||document).querySelectorAll(t):t)}
/* Riot v7.1.0, @license MIT */
-
-
-
-/**
- * Uninstall a riot plugin
- * @param {Function} plugin - plugin previously installed
- * @returns {Set} the set containing all the plugins installed
- */
-function uninstall(plugin) {
- if (!_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.PLUGINS_SET.has(plugin)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__.panic)('This plugin was never installed');
- _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.PLUGINS_SET["delete"](plugin);
- return _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.PLUGINS_SET;
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/api/unmount.js":
-/*!**********************************************!*\
- !*** ./node_modules/riot/esm/api/unmount.js ***!
- \**********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "unmount": () => (/* binding */ unmount)
-/* harmony export */ });
-/* harmony import */ var _node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/bianco.query/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.query/index.next.js");
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+const Nt=Object.freeze({$(t){return _t(t,this.root)[0]},$$(t){return _t(t,this.root)}}),St=Object.freeze({[l]:z,[h]:z,[p]:z,[d]:z,[f]:z,[m]:z,[v]:z}),jt=t=>1===t.length?t[0]:t;function Ct(t,e,n){const i="object"==typeof e?e:{[e]:n},r=Object.keys(i);return wt(t).forEach((t=>{r.forEach((e=>t.setAttribute(e,i[e])))})),t}function Mt(t,e){return function(t,e,n){const i="string"==typeof e?[e]:e;return jt(wt(t).map((t=>jt(i.map((e=>t[n](e)))))))}(t,e,"getAttribute")}
/* Riot v7.1.0, @license MIT */
-
-
-
-/**
- * Sweet unmounting helper function for the DOM node mounted manually by the user
- * @param {string|HTMLElement} selector - query for the selection or a DOM element
- * @param {boolean|null} keepRootElement - if true keep the root element
- * @returns {Array} list of nodes unmounted
- */
-function unmount(selector, keepRootElement) {
- return (0,_node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(selector).map(element => {
- if (element[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__.DOM_COMPONENT_INSTANCE_PROPERTY]) {
- element[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__.DOM_COMPONENT_INSTANCE_PROPERTY].unmount(keepRootElement);
- }
- return element;
- });
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/api/unregister.js":
-/*!*************************************************!*\
- !*** ./node_modules/riot/esm/api/unregister.js ***!
- \*************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "unregister": () => (/* binding */ unregister)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
-/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
-/* harmony import */ var _core_css_manager_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/css-manager.js */ "./node_modules/riot/esm/core/css-manager.js");
+const It=new Map,Pt=()=>Dt||(Ct(Dt=_t("style[riot]")[0]||document.createElement("style"),"type","text/css"),Dt.parentNode||document.head.appendChild(Dt),Dt);var Dt;const Rt={CSS_BY_NAME:It,add(t,e){return It.has(t)||(It.set(t,e),this.inject()),this},inject(){return Pt().innerHTML=[...It.values()].join("\n"),this},remove(t){return It.has(t)&&(It.delete(t),this.inject()),this}};
+/* Riot WIP, @license MIT */
+function kt(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "version": () => (/* binding */ version)
-/* harmony export */ });
+function zt(t){return Mt(t,"is")||t.tagName.toLowerCase()}
/* Riot v7.1.0, @license MIT */
-/** @type {string} current riot version */
-const version = 'v7.1.0';
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/api/with-types.js":
-/*!*************************************************!*\
- !*** ./node_modules/riot/esm/api/with-types.js ***!
- \*************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "withTypes": () => (/* binding */ withTypes)
-/* harmony export */ });
+function Lt(t,e){return Object.assign({},t,L(e))}
/* Riot v7.1.0, @license MIT */
-/**
- * no-op function needed to add the proper types to your component via typescript
- * @param {Function|Object} component - component default export
- * @returns {Function|Object} returns exactly what it has received
- */
-/* istanbul ignore next */
-const withTypes = component => component;
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/add-css-hook.js":
-/*!****************************************************!*\
- !*** ./node_modules/riot/esm/core/add-css-hook.js ***!
- \****************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "addCssHook": () => (/* binding */ addCssHook)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
-/* harmony import */ var _utils_dom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/dom.js */ "./node_modules/riot/esm/utils/dom.js");
-/* harmony import */ var _node_modules_bianco_attr_index_next_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/bianco.attr/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.attr/index.next.js");
+function Ut(t,e){return void 0===e&&(e={}),Object.assign({},
+/* Riot WIP, @license MIT */
+function(t){return Array.from(t.attributes).reduce(((t,e)=>(t[N(e.name)]=e.value,t)),{})}(t),L(e))}
/* Riot v7.1.0, @license MIT */
-
-
-
-
-/**
- * Add eventually the "is" attribute to link this DOM node to its css
- * @param {HTMLElement} element - target root node
- * @param {string} name - name of the component mounted
- * @returns {undefined} it's a void function
- */
-
-function addCssHook(element, name) {
- if ((0,_utils_dom_js__WEBPACK_IMPORTED_MODULE_0__.getName)(element) !== name) {
- (0,_node_modules_bianco_attr_index_next_js__WEBPACK_IMPORTED_MODULE_1__.set)(element, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.IS_DIRECTIVE, name);
- }
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/bind-dom-node-to-component-instance.js":
-/*!***************************************************************************!*\
- !*** ./node_modules/riot/esm/core/bind-dom-node-to-component-instance.js ***!
- \***************************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "bindDOMNodeToComponentInstance": () => (/* binding */ bindDOMNodeToComponentInstance)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+function Yt(t,e){let{slots:n,attributes:i,props:r}=e;return s=
/* Riot v7.1.0, @license MIT */
-
-
-/**
- * Bind a DOM node to its component object
- * @param {HTMLElement} node - html node mounted
- * @param {Object} component - Riot.js component object
- * @returns {Object} the component object received as second argument
- */
-const bindDOMNodeToComponentInstance = (node, component) => node[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.DOM_COMPONENT_INSTANCE_PROPERTY] = component;
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/component-dom-selectors.js":
-/*!***************************************************************!*\
- !*** ./node_modules/riot/esm/core/component-dom-selectors.js ***!
- \***************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "COMPONENT_DOM_SELECTORS": () => (/* binding */ COMPONENT_DOM_SELECTORS)
-/* harmony export */ });
-/* harmony import */ var _node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/bianco.query/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.query/index.next.js");
+function(t){return[...o].reduce(((t,e)=>e(t)||t),t)}(q(R(t)?Object.create(t):t,{mount(e,s,o){return void 0===s&&(s={}),W(e,x,!1),this[O]=o,this[A]=
/* Riot v7.1.0, @license MIT */
-
-
-const COMPONENT_DOM_SELECTORS = Object.freeze({
- // component helpers
- $(selector) {
- return (0,_node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(selector, this.root)[0];
- },
- $$(selector) {
- return (0,_node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(selector, this.root);
- }
-});
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/component-lifecycle-methods.js":
-/*!*******************************************************************!*\
- !*** ./node_modules/riot/esm/core/component-lifecycle-methods.js ***!
- \*******************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "COMPONENT_LIFECYCLE_METHODS": () => (/* binding */ COMPONENT_LIFECYCLE_METHODS)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
-/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js");
+function(t,e){void 0===e&&(e=[]);const n=e.map((e=>ht(t,e))),i={};return Object.assign(i,Object.assign({expressions:n},At((t=>e=>(n.forEach((n=>n[t](e))),i)))))}(e,i).mount(o),W(this,g,Object.freeze(Object.assign({},Ut(e,r),C(this[A].expressions)))),this[y]=Lt(this[y],s),this[w]=this.template.createDOM(e).clone(),Ot(e,this),t.name&&
/* Riot v7.1.0, @license MIT */
-
-
-
-const COMPONENT_LIFECYCLE_METHODS = Object.freeze({
- [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.SHOULD_UPDATE_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
- [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_BEFORE_MOUNT_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
- [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_MOUNTED_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
- [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_BEFORE_UPDATE_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
- [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_UPDATED_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
- [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_BEFORE_UNMOUNT_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
- [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.ON_UNMOUNTED_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop
-});
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/component-template-factory.js":
-/*!******************************************************************!*\
- !*** ./node_modules/riot/esm/core/component-template-factory.js ***!
- \******************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "componentTemplateFactory": () => (/* binding */ componentTemplateFactory)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js */ "./node_modules/riot/esm/node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js");
-/* harmony import */ var _node_modules_riotjs_util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/expression-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/expression-types.js");
-/* harmony import */ var _node_modules_riotjs_util_binding_types_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/binding-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/binding-types.js");
+function(t,e){zt(t)!==e&&Ct(t,"is",e)}(e,t.name),W(this,T,e),W(this,b,n),this[h](this[g],this[y]),this[w].mount(e,this,o),this[p](this[g],this[y]),this},update(t,e){void 0===t&&(t={}),e&&(this[O]=e,this[A].update(e));const n=C(this[A].expressions);if(!1!==this[l](n,this[g]))return W(this,g,Object.freeze(Object.assign({},this[g],n))),this[y]=Lt(this[y],t),this[d](this[g],this[y]),this[E]||(this[E]=!0,this[w].update(this,this[O])),this[f](this[g],this[y]),this[E]=!1,this},unmount(t){return this[m](this[g],this[y]),this[A].unmount(),this[w].unmount(this,this[O],null===t?null:!t),this[v](this[g],this[y]),this}})),Object.keys(t).filter((e=>D(t[e]))).forEach((t=>{s[t]=s[t].bind(s)})),s;var s}
/* Riot v7.1.0, @license MIT */
-
-
-
-
-/**
- * Factory function to create the component templates only once
- * @param {Function} template - component template creation function
- * @param {RiotComponentWrapper} componentWrapper - riot compiler generated object
- * @param {Function} getChildComponent - getter function to return the children components
- * @returns {TemplateChunk} template chunk object
- */
-function componentTemplateFactory(template, componentWrapper, getChildComponent) {
- return template(_node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_0__.template, _node_modules_riotjs_util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__["default"], _node_modules_riotjs_util_binding_types_js__WEBPACK_IMPORTED_MODULE_2__["default"], getChildComponent);
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/compute-component-state.js":
-/*!***************************************************************!*\
- !*** ./node_modules/riot/esm/core/compute-component-state.js ***!
- \***************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "computeComponentState": () => (/* binding */ computeComponentState)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js");
+function Xt(t){let{css:e,template:n,componentAPI:i,name:r}=t;return e&&r&&Rt.add(r,e),kt(Yt)(q(V(i,Object.assign({},St,{[g]:{},[y]:{}})),Object.assign({[b]:null,[T]:null},Nt,{name:r,css:e,template:n})))}const Ft=t=>{const e=(void 0===(n=t.exports?t.exports.components:{})&&(n={}),Object.entries(L(n)).reduce(((t,e)=>{let[n,i]=e;
+/* Riot WIP, @license MIT */
+var r;return t[(r=n,r.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase())]=Bt(i),t}),{}));
/* Riot v7.1.0, @license MIT */
-
-
-/**
- * Compute the component current state merging it with its previous state
- * @param {Object} oldState - previous state object
- * @param {Object} newState - new state given to the `update` call
- * @returns {Object} new object state
- */
-function computeComponentState(oldState, newState) {
- return Object.assign({}, oldState, (0,_node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__.callOrAssign)(newState));
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/compute-initial-props.js":
-/*!*************************************************************!*\
- !*** ./node_modules/riot/esm/core/compute-initial-props.js ***!
- \*************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "computeInitialProps": () => (/* binding */ computeInitialProps)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_dom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/dom.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/dom.js");
-/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js");
+var n;return n=>n===t.name?Ht(t):e[n]||r.get(n)},Ht=j(Bt);function Bt(t){const{css:e,template:n,exports:i,name:r}=t,s=n?
/* Riot v7.1.0, @license MIT */
-
-
-
-/**
- * Evaluate the component properties either from its real attributes or from its initial user properties
- * @param {HTMLElement} element - component root
- * @param {Object} initialProps - initial props
- * @returns {Object} component props key value pairs
- */
-function computeInitialProps(element, initialProps) {
- if (initialProps === void 0) {
- initialProps = {};
- }
- return Object.assign({}, (0,_node_modules_riotjs_util_dom_js__WEBPACK_IMPORTED_MODULE_0__.DOMattributesToObject)(element), (0,_node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.callOrAssign)(initialProps));
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/create-attribute-bindings.js":
-/*!*****************************************************************!*\
- !*** ./node_modules/riot/esm/core/create-attribute-bindings.js ***!
- \*****************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "createAttributeBindings": () => (/* binding */ createAttributeBindings)
-/* harmony export */ });
-/* harmony import */ var _create_core_api_methods_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./create-core-api-methods.js */ "./node_modules/riot/esm/core/create-core-api-methods.js");
-/* harmony import */ var _node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js */ "./node_modules/riot/esm/node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js");
+function(t,e,n){return t(Et,_,B,n)}(n,0,Ft(t)):Y;return t=>{let{slots:o,attributes:u,props:c}=t;if(i&&i[x])
+/* Riot v7.1.0, @license MIT */return function(t,e){let{slots:n,attributes:i,props:r,css:s,template:o}=e;o&&S("Pure components can not have html"),s&&S("Pure components do not have css");const u=V(t({slots:n,attributes:i,props:r}),U);return At((t=>function(){for(var e=arguments.length,n=new Array(e),i=0;ih.mount(t,n,e),update:(t,e)=>h.update(e,t),unmount:t=>h.unmount(t)}}}
/* Riot v7.1.0, @license MIT */
-
-
-
-/**
- * Create the bindings to update the component attributes
- * @param {HTMLElement} node - node where we will bind the expressions
- * @param {Array} attributes - list of attribute bindings
- * @returns {TemplateChunk} - template bindings object
- */
-function createAttributeBindings(node, attributes) {
- if (attributes === void 0) {
- attributes = [];
- }
- const expressions = attributes.map(a => (0,_node_modules_riotjs_dom_bindings_dist_esm_dom_bindings_js__WEBPACK_IMPORTED_MODULE_0__.createExpression)(node, a));
- const binding = {};
- return Object.assign(binding, Object.assign({
- expressions
- }, (0,_create_core_api_methods_js__WEBPACK_IMPORTED_MODULE_1__.createCoreAPIMethods)(method => scope => {
- expressions.forEach(e => e[method](scope));
- return binding;
- })));
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/create-component-from-wrapper.js":
-/*!*********************************************************************!*\
- !*** ./node_modules/riot/esm/core/create-component-from-wrapper.js ***!
- \*********************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "createComponentFromWrapper": () => (/* binding */ createComponentFromWrapper)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
-/* harmony import */ var _node_modules_riotjs_util_strings_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/strings.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/strings.js");
-/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js");
-/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
-/* harmony import */ var _mocked_template_interface_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./mocked-template-interface.js */ "./node_modules/riot/esm/core/mocked-template-interface.js");
-/* harmony import */ var _component_template_factory_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./component-template-factory.js */ "./node_modules/riot/esm/core/component-template-factory.js");
-/* harmony import */ var _create_pure_component_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./create-pure-component.js */ "./node_modules/riot/esm/core/create-pure-component.js");
-/* harmony import */ var _instantiate_component_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./instantiate-component.js */ "./node_modules/riot/esm/core/instantiate-component.js");
+function Wt(t,e){let{css:n,template:i,exports:s}=e;return r.has(t)&&S(`The component "${t}" was already registered`),r.set(t,Bt({name:t,css:n,template:i,exports:s})),r}
/* Riot v7.1.0, @license MIT */
-
-
-
-
-
-
-
-
-
-/**
- * Create the subcomponents that can be included inside a tag in runtime
- * @param {Object} components - components imported in runtime
- * @returns {Object} all the components transformed into Riot.Component factory functions
- */
-function createChildrenComponentsObject(components) {
- if (components === void 0) {
- components = {};
- }
- return Object.entries((0,_node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__.callOrAssign)(components)).reduce((acc, _ref) => {
- let [key, value] = _ref;
- acc[(0,_node_modules_riotjs_util_strings_js__WEBPACK_IMPORTED_MODULE_1__.camelToDashCase)(key)] = createComponentFromWrapper(value);
- return acc;
- }, {});
-}
-
-/**
- * Create the getter function to render the child components
- * @param {RiotComponentWrapper} componentWrapper - riot compiler generated object
- * @returns {Function} function returning the component factory function
- */
-const createChildComponentGetter = componentWrapper => {
- const childrenComponents = createChildrenComponentsObject(componentWrapper.exports ? componentWrapper.exports.components : {});
- return name => {
- // improve support for recursive components
- if (name === componentWrapper.name) return memoizedCreateComponentFromWrapper(componentWrapper);
- // return the registered components
- return childrenComponents[name] || _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.COMPONENTS_IMPLEMENTATION_MAP.get(name);
- };
-};
-
-/**
- * Performance optimization for the recursive components
- * @param {RiotComponentWrapper} componentWrapper - riot compiler generated object
- * @returns {Object} component like interface
- */
-const memoizedCreateComponentFromWrapper = (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_3__.memoize)(createComponentFromWrapper);
-
-/**
- * Create the component interface needed for the @riotjs/dom-bindings tag bindings
- * @param {RiotComponentWrapper} componentWrapper - riot compiler generated object
- * @param {string} componentWrapper.css - component css
- * @param {Function} componentWrapper.template - function that will return the dom-bindings template function
- * @param {Object} componentWrapper.exports - component interface
- * @param {string} componentWrapper.name - component name
- * @returns {Object} component like interface
- */
-function createComponentFromWrapper(componentWrapper) {
- const {
- css,
- template,
- exports,
- name
- } = componentWrapper;
- const templateFn = template ? (0,_component_template_factory_js__WEBPACK_IMPORTED_MODULE_4__.componentTemplateFactory)(template, componentWrapper, createChildComponentGetter(componentWrapper)) : _mocked_template_interface_js__WEBPACK_IMPORTED_MODULE_5__.MOCKED_TEMPLATE_INTERFACE;
- return _ref2 => {
- let {
- slots,
- attributes,
- props
- } = _ref2;
- // pure components rendering will be managed by the end user
- if (exports && exports[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_2__.IS_PURE_SYMBOL]) return (0,_create_pure_component_js__WEBPACK_IMPORTED_MODULE_6__.createPureComponent)(exports, {
- slots,
- attributes,
- props,
- css,
- template
- });
- const componentAPI = (0,_node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__.callOrAssign)(exports) || {};
- const component = (0,_instantiate_component_js__WEBPACK_IMPORTED_MODULE_7__.instantiateComponent)({
- css,
- template: templateFn,
- componentAPI,
- name
- })({
- slots,
- attributes,
- props
- });
-
- // notice that for the components created via tag binding
- // we need to invert the mount (state/parentScope) arguments
- // the template bindings will only forward the parentScope updates
- // and never deal with the component state
- return {
- mount(element, parentScope, state) {
- return component.mount(element, state, parentScope);
- },
- update(parentScope, state) {
- return component.update(state, parentScope);
- },
- unmount(preserveRoot) {
- return component.unmount(preserveRoot);
- }
- };
- };
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/create-core-api-methods.js":
-/*!***************************************************************!*\
- !*** ./node_modules/riot/esm/core/create-core-api-methods.js ***!
- \***************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "createCoreAPIMethods": () => (/* binding */ createCoreAPIMethods)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+function qt(t){return D(t)||S("Plugins must be of type function"),o.has(t)&&S("This plugin was already installed"),o.add(t),o}
/* Riot v7.1.0, @license MIT */
-
-
-/**
- * Wrap the Riot.js core API methods using a mapping function
- * @param {Function} mapFunction - lifting function
- * @returns {Object} an object having the { mount, update, unmount } functions
- */
-function createCoreAPIMethods(mapFunction) {
- return [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.MOUNT_METHOD_KEY, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.UPDATE_METHOD_KEY, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.UNMOUNT_METHOD_KEY].reduce((acc, method) => {
- acc[method] = mapFunction(method);
- return acc;
- }, {});
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/create-pure-component.js":
-/*!*************************************************************!*\
- !*** ./node_modules/riot/esm/core/create-pure-component.js ***!
- \*************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "createPureComponent": () => (/* binding */ createPureComponent)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
-/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
-/* harmony import */ var _node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/objects.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/objects.js");
-/* harmony import */ var _pure_component_api_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./pure-component-api.js */ "./node_modules/riot/esm/core/pure-component-api.js");
-/* harmony import */ var _bind_dom_node_to_component_instance_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./bind-dom-node-to-component-instance.js */ "./node_modules/riot/esm/core/bind-dom-node-to-component-instance.js");
-/* harmony import */ var _create_core_api_methods_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./create-core-api-methods.js */ "./node_modules/riot/esm/core/create-core-api-methods.js");
+function Vt(t){return r.has(t)||S(`The component "${t}" was never registered`),r.delete(t),Rt.remove(t),r}
/* Riot v7.1.0, @license MIT */
-
-
-
-
-
-
-
-/**
- * Create a pure component
- * @param {Function} pureFactoryFunction - pure component factory function
- * @param {Array} options.slots - component slots
- * @param {Array} options.attributes - component attributes
- * @param {Array} options.template - template factory function
- * @param {Array} options.template - template factory function
- * @param {any} options.props - initial component properties
- * @returns {Object} pure component object
- */
-function createPureComponent(pureFactoryFunction, _ref) {
- let {
- slots,
- attributes,
- props,
- css,
- template
- } = _ref;
- if (template) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_0__.panic)('Pure components can not have html');
- if (css) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_0__.panic)('Pure components do not have css');
- const component = (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_1__.defineDefaults)(pureFactoryFunction({
- slots,
- attributes,
- props
- }), _pure_component_api_js__WEBPACK_IMPORTED_MODULE_2__.PURE_COMPONENT_API);
- return (0,_create_core_api_methods_js__WEBPACK_IMPORTED_MODULE_3__.createCoreAPIMethods)(method => function () {
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
- args[_key] = arguments[_key];
- }
- // intercept the mount calls to bind the DOM node to the pure object created
- // see also https://github.com/riot/riot/issues/2806
- if (method === _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.MOUNT_METHOD_KEY) {
- const [element] = args;
- // mark this node as pure element
- (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_1__.defineProperty)(element, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.IS_PURE_SYMBOL, true);
- (0,_bind_dom_node_to_component_instance_js__WEBPACK_IMPORTED_MODULE_5__.bindDOMNodeToComponentInstance)(element, component);
- }
- component[method](...args);
- return component;
- });
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/css-manager.js":
-/*!***************************************************!*\
- !*** ./node_modules/riot/esm/core/css-manager.js ***!
- \***************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "CSS_BY_NAME": () => (/* binding */ CSS_BY_NAME),
-/* harmony export */ "STYLE_NODE_SELECTOR": () => (/* binding */ STYLE_NODE_SELECTOR),
-/* harmony export */ "default": () => (/* binding */ cssManager)
-/* harmony export */ });
-/* harmony import */ var _node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/bianco.query/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.query/index.next.js");
-/* harmony import */ var _node_modules_bianco_attr_index_next_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/bianco.attr/index.next.js */ "./node_modules/riot/esm/node_modules/bianco.attr/index.next.js");
+function $t(t,e,n){return _t(t).map((t=>
/* Riot v7.1.0, @license MIT */
-
-
-
-const CSS_BY_NAME = new Map();
-const STYLE_NODE_SELECTOR = 'style[riot]';
-
-// memoized curried function
-const getStyleNode = (style => {
- return () => {
- // lazy evaluation:
- // if this function was already called before
- // we return its cached result
- if (style) return style;
-
- // create a new style element or use an existing one
- // and cache it internally
- style = (0,_node_modules_bianco_query_index_next_js__WEBPACK_IMPORTED_MODULE_0__["default"])(STYLE_NODE_SELECTOR)[0] || document.createElement('style');
- (0,_node_modules_bianco_attr_index_next_js__WEBPACK_IMPORTED_MODULE_1__.set)(style, 'type', 'text/css');
-
- /* istanbul ignore next */
- if (!style.parentNode) document.head.appendChild(style);
- return style;
- };
-})();
-
-/**
- * Object that will be used to inject and manage the css of every tag instance
- */
-const cssManager = {
- CSS_BY_NAME,
- /**
- * Save a tag style to be later injected into DOM
- * @param { string } name - if it's passed we will map the css to a tagname
- * @param { string } css - css string
- * @returns {Object} self
- */
- add(name, css) {
- if (!CSS_BY_NAME.has(name)) {
- CSS_BY_NAME.set(name, css);
- this.inject();
- }
- return this;
- },
- /**
- * Inject all previously saved tag styles into DOM
- * innerHTML seems slow: http://jsperf.com/riot-insert-style
- * @returns {Object} self
- */
- inject() {
- getStyleNode().innerHTML = [...CSS_BY_NAME.values()].join('\n');
- return this;
- },
- /**
- * Remove a tag style from the DOM
- * @param {string} name a registered tagname
- * @returns {Object} self
- */
- remove(name) {
- if (CSS_BY_NAME.has(name)) {
- CSS_BY_NAME.delete(name);
- this.inject();
- }
- return this;
- }
-};
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/instantiate-component.js":
-/*!*************************************************************!*\
- !*** ./node_modules/riot/esm/core/instantiate-component.js ***!
- \*************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "instantiateComponent": () => (/* binding */ instantiateComponent)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
-/* harmony import */ var _node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../node_modules/@riotjs/util/objects.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/objects.js");
-/* harmony import */ var _component_dom_selectors_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./component-dom-selectors.js */ "./node_modules/riot/esm/core/component-dom-selectors.js");
-/* harmony import */ var _component_lifecycle_methods_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./component-lifecycle-methods.js */ "./node_modules/riot/esm/core/component-lifecycle-methods.js");
-/* harmony import */ var _css_manager_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./css-manager.js */ "./node_modules/riot/esm/core/css-manager.js");
-/* harmony import */ var _node_modules_curri_index_next_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/curri/index.next.js */ "./node_modules/riot/esm/node_modules/curri/index.next.js");
-/* harmony import */ var _manage_component_lifecycle_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./manage-component-lifecycle.js */ "./node_modules/riot/esm/core/manage-component-lifecycle.js");
+function(t,e,n,i){const s=n||zt(t);return r.has(s)||S(`The component named "${s}" was never registered`),r.get(s)({props:e,slots:i}).mount(t)}(t,e,n)))}
/* Riot v7.1.0, @license MIT */
-
-
-
-
-
-
-
-
-/**
- * Component definition function
- * @param {Object} implementation - the component implementation will be generated via compiler
- * @param {Object} component - the component initial properties
- * @returns {Object} a new component implementation object
- */
-function instantiateComponent(_ref) {
- let {
- css,
- template,
- componentAPI,
- name
- } = _ref;
- // add the component css into the DOM
- if (css && name) _css_manager_js__WEBPACK_IMPORTED_MODULE_0__["default"].add(name, css);
- return (0,_node_modules_curri_index_next_js__WEBPACK_IMPORTED_MODULE_1__["default"])(_manage_component_lifecycle_js__WEBPACK_IMPORTED_MODULE_2__.manageComponentLifecycle)((0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_3__.defineProperties)(
- // set the component defaults without overriding the original component API
- (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_3__.defineDefaults)(componentAPI, Object.assign({}, _component_lifecycle_methods_js__WEBPACK_IMPORTED_MODULE_4__.COMPONENT_LIFECYCLE_METHODS, {
- [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_5__.PROPS_KEY]: {},
- [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_5__.STATE_KEY]: {}
- })), Object.assign({
- // defined during the component creation
- [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_5__.SLOTS_KEY]: null,
- [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_5__.ROOT_KEY]: null
- }, _component_dom_selectors_js__WEBPACK_IMPORTED_MODULE_6__.COMPONENT_DOM_SELECTORS, {
- name,
- css,
- template
- })));
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/manage-component-lifecycle.js":
-/*!******************************************************************!*\
- !*** ./node_modules/riot/esm/core/manage-component-lifecycle.js ***!
- \******************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "manageComponentLifecycle": () => (/* binding */ manageComponentLifecycle)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../node_modules/@riotjs/util/checks.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/checks.js");
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
-/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js");
-/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
-/* harmony import */ var _node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/objects.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/objects.js");
-/* harmony import */ var _add_css_hook_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./add-css-hook.js */ "./node_modules/riot/esm/core/add-css-hook.js");
-/* harmony import */ var _bind_dom_node_to_component_instance_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./bind-dom-node-to-component-instance.js */ "./node_modules/riot/esm/core/bind-dom-node-to-component-instance.js");
-/* harmony import */ var _compute_component_state_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./compute-component-state.js */ "./node_modules/riot/esm/core/compute-component-state.js");
-/* harmony import */ var _compute_initial_props_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./compute-initial-props.js */ "./node_modules/riot/esm/core/compute-initial-props.js");
-/* harmony import */ var _create_attribute_bindings_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./create-attribute-bindings.js */ "./node_modules/riot/esm/core/create-attribute-bindings.js");
-/* harmony import */ var _run_plugins_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./run-plugins.js */ "./node_modules/riot/esm/core/run-plugins.js");
+function Gt(t,e){return _t(t).map((t=>(t[s]&&t[s].unmount(e),t)))}
/* Riot v7.1.0, @license MIT */
-
-
-
-
-
-
-
-
-
-
-
-
-/**
- * Component creation factory function that will enhance the user provided API
- * @param {Object} component - a component implementation previously defined
- * @param {Array} options.slots - component slots generated via riot compiler
- * @param {Array} options.attributes - attribute expressions generated via riot compiler
- * @returns {Riot.Component} a riot component instance
- */
-function manageComponentLifecycle(component, _ref) {
- let {
- slots,
- attributes,
- props
- } = _ref;
- return (0,_node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_0__.autobindMethods)((0,_run_plugins_js__WEBPACK_IMPORTED_MODULE_1__.runPlugins)((0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperties)((0,_node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_3__.isObject)(component) ? Object.create(component) : component, {
- mount(element, state, parentScope) {
- if (state === void 0) {
- state = {};
- }
- // any element mounted passing through this function can't be a pure component
- (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperty)(element, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.IS_PURE_SYMBOL, false);
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PARENT_KEY_SYMBOL] = parentScope;
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTES_KEY_SYMBOL] = (0,_create_attribute_bindings_js__WEBPACK_IMPORTED_MODULE_5__.createAttributeBindings)(element, attributes).mount(parentScope);
- (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperty)(this, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY, Object.freeze(Object.assign({}, (0,_compute_initial_props_js__WEBPACK_IMPORTED_MODULE_6__.computeInitialProps)(element, props), (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_7__.evaluateAttributeExpressions)(this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTES_KEY_SYMBOL].expressions))));
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY] = (0,_compute_component_state_js__WEBPACK_IMPORTED_MODULE_8__.computeComponentState)(this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY], state);
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.TEMPLATE_KEY_SYMBOL] = this.template.createDOM(element).clone();
-
- // link this object to the DOM node
- (0,_bind_dom_node_to_component_instance_js__WEBPACK_IMPORTED_MODULE_9__.bindDOMNodeToComponentInstance)(element, this);
- // add eventually the 'is' attribute
- component.name && (0,_add_css_hook_js__WEBPACK_IMPORTED_MODULE_10__.addCssHook)(element, component.name);
-
- // define the root element
- (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperty)(this, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ROOT_KEY, element);
- // define the slots array
- (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperty)(this, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.SLOTS_KEY, slots);
-
- // before mount lifecycle event
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_BEFORE_MOUNT_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]);
- // mount the template
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.TEMPLATE_KEY_SYMBOL].mount(element, this, parentScope);
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_MOUNTED_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]);
- return this;
- },
- update(state, parentScope) {
- if (state === void 0) {
- state = {};
- }
- if (parentScope) {
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PARENT_KEY_SYMBOL] = parentScope;
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTES_KEY_SYMBOL].update(parentScope);
- }
- const newProps = (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_7__.evaluateAttributeExpressions)(this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTES_KEY_SYMBOL].expressions);
- if (this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.SHOULD_UPDATE_KEY](newProps, this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY]) === false) return;
- (0,_node_modules_riotjs_util_objects_js__WEBPACK_IMPORTED_MODULE_2__.defineProperty)(this, _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY, Object.freeze(Object.assign({}, this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], newProps)));
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY] = (0,_compute_component_state_js__WEBPACK_IMPORTED_MODULE_8__.computeComponentState)(this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY], state);
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_BEFORE_UPDATE_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]);
-
- // avoiding recursive updates
- // see also https://github.com/riot/riot/issues/2895
- if (!this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.IS_COMPONENT_UPDATING]) {
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.IS_COMPONENT_UPDATING] = true;
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.TEMPLATE_KEY_SYMBOL].update(this, this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PARENT_KEY_SYMBOL]);
- }
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_UPDATED_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]);
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.IS_COMPONENT_UPDATING] = false;
- return this;
- },
- unmount(preserveRoot) {
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_BEFORE_UNMOUNT_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]);
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ATTRIBUTES_KEY_SYMBOL].unmount();
- // if the preserveRoot is null the template html will be left untouched
- // in that case the DOM cleanup will happen differently from a parent node
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.TEMPLATE_KEY_SYMBOL].unmount(this, this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PARENT_KEY_SYMBOL], preserveRoot === null ? null : !preserveRoot);
- this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.ON_UNMOUNTED_KEY](this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.PROPS_KEY], this[_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_4__.STATE_KEY]);
- return this;
- }
- })), Object.keys(component).filter(prop => (0,_node_modules_riotjs_util_checks_js__WEBPACK_IMPORTED_MODULE_3__.isFunction)(component[prop])));
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/mocked-template-interface.js":
-/*!*****************************************************************!*\
- !*** ./node_modules/riot/esm/core/mocked-template-interface.js ***!
- \*****************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "MOCKED_TEMPLATE_INTERFACE": () => (/* binding */ MOCKED_TEMPLATE_INTERFACE)
-/* harmony export */ });
-/* harmony import */ var _pure_component_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pure-component-api.js */ "./node_modules/riot/esm/core/pure-component-api.js");
-/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js");
+function Kt(t){return o.has(t)||S("This plugin was never installed"),o.delete(t),o}
/* Riot v7.1.0, @license MIT */
-
-
-
-const MOCKED_TEMPLATE_INTERFACE = Object.assign({}, _pure_component_api_js__WEBPACK_IMPORTED_MODULE_0__.PURE_COMPONENT_API, {
- clone: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
- createDOM: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop
-});
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/mount-component.js":
-/*!*******************************************************!*\
- !*** ./node_modules/riot/esm/core/mount-component.js ***!
- \*******************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "mountComponent": () => (/* binding */ mountComponent)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
-/* harmony import */ var _node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../node_modules/@riotjs/util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
-/* harmony import */ var _utils_dom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/dom.js */ "./node_modules/riot/esm/utils/dom.js");
+function Zt(t){return function(e,n,i){let{slots:r,attributes:s,parentScope:o}=void 0===i?{}:i;
+/* Riot WIP, @license MIT */
+return function(){for(var t=arguments.length,e=new Array(t),n=0;nfunction(){return t(e(...arguments))}))}((t=>t.mount(e,o)),(t=>t({props:n,slots:r,attributes:s})),Bt)(t)}}
/* Riot v7.1.0, @license MIT */
-
-
-
-
-/**
- * Component initialization function starting from a DOM node
- * @param {HTMLElement} element - element to upgrade
- * @param {Object} initialProps - initial component properties
- * @param {string} componentName - component id
- * @param {Array} slots - component slots
- * @returns {Object} a new component instance bound to a DOM node
- */
-function mountComponent(element, initialProps, componentName, slots) {
- const name = componentName || (0,_utils_dom_js__WEBPACK_IMPORTED_MODULE_0__.getName)(element);
- if (!_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__.COMPONENTS_IMPLEMENTATION_MAP.has(name)) (0,_node_modules_riotjs_util_misc_js__WEBPACK_IMPORTED_MODULE_2__.panic)(`The component named "${name}" was never registered`);
- const component = _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_1__.COMPONENTS_IMPLEMENTATION_MAP.get(name)({
- props: initialProps,
- slots
- });
- return component.mount(element);
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/pure-component-api.js":
-/*!**********************************************************!*\
- !*** ./node_modules/riot/esm/core/pure-component-api.js ***!
- \**********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "PURE_COMPONENT_API": () => (/* binding */ PURE_COMPONENT_API)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
-/* harmony import */ var _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/@riotjs/util/functions.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/functions.js");
+function Jt(t){return D(t)||S('riot.pure accepts only arguments of type "function"'),t[x]=!0,t}
/* Riot v7.1.0, @license MIT */
-
-
-
-const PURE_COMPONENT_API = Object.freeze({
- [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.MOUNT_METHOD_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
- [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.UPDATE_METHOD_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop,
- [_node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.UNMOUNT_METHOD_KEY]: _node_modules_riotjs_util_functions_js__WEBPACK_IMPORTED_MODULE_1__.noop
-});
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/core/run-plugins.js":
-/*!***************************************************!*\
- !*** ./node_modules/riot/esm/core/run-plugins.js ***!
- \***************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "runPlugins": () => (/* binding */ runPlugins)
-/* harmony export */ });
-/* harmony import */ var _node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/@riotjs/util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
+const Qt=t=>t,te="v7.1.0",ee={cssManager:Rt,DOMBindings:{template:Et,createBinding:bt,createExpression:ht,bindingTypes:B,expressionTypes:_},globals:{DOM_COMPONENT_INSTANCE_PROPERTY:s,PARENT_KEY_SYMBOL:O}};
/* Riot v7.1.0, @license MIT */
-
-
-/**
- * Run the component instance through all the plugins set by the user
- * @param {Object} component - component instance
- * @returns {Object} the component enhanced by the plugins
- */
-function runPlugins(component) {
- return [..._node_modules_riotjs_util_constants_js__WEBPACK_IMPORTED_MODULE_0__.PLUGINS_SET].reduce((c, fn) => fn(c) || c, component);
-}
-
-
-
-
-/***/ }),
-
-/***/ "./node_modules/riot/esm/node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js":
-/*!******************************************************************************************!*\
- !*** ./node_modules/riot/esm/node_modules/@riotjs/dom-bindings/dist/esm.dom-bindings.js ***!
- \******************************************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */ "bindingTypes": () => (/* reexport safe */ _util_binding_types_js__WEBPACK_IMPORTED_MODULE_0__["default"]),
-/* harmony export */ "createBinding": () => (/* binding */ create$1),
-/* harmony export */ "createExpression": () => (/* binding */ create$4),
-/* harmony export */ "expressionTypes": () => (/* reexport safe */ _util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__["default"]),
-/* harmony export */ "template": () => (/* binding */ create)
-/* harmony export */ });
-/* harmony import */ var _util_dom_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util/dom.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/dom.js");
-/* harmony import */ var _util_constants_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../util/constants.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/constants.js");
-/* harmony import */ var _util_binding_types_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../util/binding-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/binding-types.js");
-/* harmony import */ var _util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../util/expression-types.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/expression-types.js");
-/* harmony import */ var _util_objects_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util/objects.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/objects.js");
-/* harmony import */ var _util_checks_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util/checks.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/checks.js");
-/* harmony import */ var _util_misc_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../util/misc.js */ "./node_modules/riot/esm/node_modules/@riotjs/util/misc.js");
-/* Riot WIP, @license MIT */
-
-
-
-
-
-
-
-
-
-
-const HEAD_SYMBOL = Symbol();
-const TAIL_SYMBOL = Symbol();
-
-/**
- * Create the fragments text nodes
- * @return {Object} {{head: Text, tail: Text}}
- */
-function createHeadTailPlaceholders() {
- const head = document.createTextNode('');
- const tail = document.createTextNode('');
- head[HEAD_SYMBOL] = true;
- tail[TAIL_SYMBOL] = true;
- return {
- head,
- tail
- };
-}
-
-/**
- * Create the template meta object in case of fragments
- * @param {TemplateChunk} componentTemplate - template chunk object
- * @returns {Object} the meta property that will be passed to the mount function of the TemplateChunk
- */
-function createTemplateMeta(componentTemplate) {
- const fragment = componentTemplate.dom.cloneNode(true);
- const {
- head,
- tail
- } = createHeadTailPlaceholders();
- return {
- avoidDOMInjection: true,
- fragment,
- head,
- tail,
- children: [head, ...Array.from(fragment.childNodes), tail]
- };
-}
-
-/**
- * ISC License
- *
- * Copyright (c) 2020, Andrea Giammarchi, @WebReflection
- *
- * Permission to use, copy, modify, and/or distribute this software for any
- * purpose with or without fee is hereby granted, provided that the above
- * copyright notice and this permission notice appear in all copies.
- *
- * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
- * REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
- * AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
- * INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
- * LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE
- * OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
- * PERFORMANCE OF THIS SOFTWARE.
- */
-
-// fork of https://github.com/WebReflection/udomdiff version 1.1.0
-// due to https://github.com/WebReflection/udomdiff/pull/2
-/* eslint-disable */
-
-/**
- * @param {Node[]} a The list of current/live children
- * @param {Node[]} b The list of future children
- * @param {(entry: Node, action: number) => Node} get
- * The callback invoked per each entry related DOM operation.
- * @param {Node} [before] The optional node used as anchor to insert before.
- * @returns {Node[]} The same list of future children.
- */
-const udomdiff = (a, b, get, before) => {
- const bLength = b.length;
- let aEnd = a.length;
- let bEnd = bLength;
- let aStart = 0;
- let bStart = 0;
- let map = null;
- while (aStart < aEnd || bStart < bEnd) {
- // append head, tail, or nodes in between: fast path
- if (aEnd === aStart) {
- // we could be in a situation where the rest of nodes that
- // need to be added are not at the end, and in such case
- // the node to `insertBefore`, if the index is more than 0
- // must be retrieved, otherwise it's gonna be the first item.
- const node = bEnd < bLength ? bStart ? get(b[bStart - 1], -0).nextSibling : get(b[bEnd - bStart], 0) : before;
- while (bStart < bEnd) (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.insertBefore)(get(b[bStart++], 1), node);
- }
- // remove head or tail: fast path
- else if (bEnd === bStart) {
- while (aStart < aEnd) {
- // remove the node only if it's unknown or not live
- if (!map || !map.has(a[aStart])) (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.removeChild)(get(a[aStart], -1));
- aStart++;
- }
- }
- // same node: fast path
- else if (a[aStart] === b[bStart]) {
- aStart++;
- bStart++;
- }
- // same tail: fast path
- else if (a[aEnd - 1] === b[bEnd - 1]) {
- aEnd--;
- bEnd--;
- }
- // The once here single last swap "fast path" has been removed in v1.1.0
- // https://github.com/WebReflection/udomdiff/blob/single-final-swap/esm/index.js#L69-L85
- // reverse swap: also fast path
- else if (a[aStart] === b[bEnd - 1] && b[bStart] === a[aEnd - 1]) {
- // this is a "shrink" operation that could happen in these cases:
- // [1, 2, 3, 4, 5]
- // [1, 4, 3, 2, 5]
- // or asymmetric too
- // [1, 2, 3, 4, 5]
- // [1, 2, 3, 5, 6, 4]
- const node = get(a[--aEnd], -1).nextSibling;
- (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.insertBefore)(get(b[bStart++], 1), get(a[aStart++], -1).nextSibling);
- (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.insertBefore)(get(b[--bEnd], 1), node);
- // mark the future index as identical (yeah, it's dirty, but cheap 👍)
- // The main reason to do this, is that when a[aEnd] will be reached,
- // the loop will likely be on the fast path, as identical to b[bEnd].
- // In the best case scenario, the next loop will skip the tail,
- // but in the worst one, this node will be considered as already
- // processed, bailing out pretty quickly from the map index check
- a[aEnd] = b[bEnd];
- }
- // map based fallback, "slow" path
- else {
- // the map requires an O(bEnd - bStart) operation once
- // to store all future nodes indexes for later purposes.
- // In the worst case scenario, this is a full O(N) cost,
- // and such scenario happens at least when all nodes are different,
- // but also if both first and last items of the lists are different
- if (!map) {
- map = new Map();
- let i = bStart;
- while (i < bEnd) map.set(b[i], i++);
- }
- // if it's a future node, hence it needs some handling
- if (map.has(a[aStart])) {
- // grab the index of such node, 'cause it might have been processed
- const index = map.get(a[aStart]);
- // if it's not already processed, look on demand for the next LCS
- if (bStart < index && index < bEnd) {
- let i = aStart;
- // counts the amount of nodes that are the same in the future
- let sequence = 1;
- while (++i < aEnd && i < bEnd && map.get(a[i]) === index + sequence) sequence++;
- // effort decision here: if the sequence is longer than replaces
- // needed to reach such sequence, which would brings again this loop
- // to the fast path, prepend the difference before a sequence,
- // and move only the future list index forward, so that aStart
- // and bStart will be aligned again, hence on the fast path.
- // An example considering aStart and bStart are both 0:
- // a: [1, 2, 3, 4]
- // b: [7, 1, 2, 3, 6]
- // this would place 7 before 1 and, from that time on, 1, 2, and 3
- // will be processed at zero cost
- if (sequence > index - bStart) {
- const node = get(a[aStart], 0);
- while (bStart < index) (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.insertBefore)(get(b[bStart++], 1), node);
- }
- // if the effort wasn't good enough, fallback to a replace,
- // moving both source and target indexes forward, hoping that some
- // similar node will be found later on, to go back to the fast path
- else {
- (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.replaceChild)(get(b[bStart++], 1), get(a[aStart++], -1));
- }
- }
- // otherwise move the source forward, 'cause there's nothing to do
- else aStart++;
- }
- // this node has no meaning in the future list, so it's more than safe
- // to remove it, and check the next live node out instead, meaning
- // that only the live list index should be forwarded
- else (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.removeChild)(get(a[aStart++], -1));
- }
- }
- return b;
-};
-const UNMOUNT_SCOPE = Symbol('unmount');
-const EachBinding = {
- // dynamic binding properties
- // childrenMap: null,
- // node: null,
- // root: null,
- // condition: null,
- // evaluate: null,
- // template: null,
- // isTemplateTag: false,
- nodes: [],
- // getKey: null,
- // indexName: null,
- // itemName: null,
- // afterPlaceholder: null,
- // placeholder: null,
-
- // API methods
- mount(scope, parentScope) {
- return this.update(scope, parentScope);
- },
- update(scope, parentScope) {
- const {
- placeholder,
- nodes,
- childrenMap
- } = this;
- const collection = scope === UNMOUNT_SCOPE ? null : this.evaluate(scope);
- const items = collection ? Array.from(collection) : [];
-
- // prepare the diffing
- const {
- newChildrenMap,
- batches,
- futureNodes
- } = createPatch(items, scope, parentScope, this);
-
- // patch the DOM only if there are new nodes
- udomdiff(nodes, futureNodes, patch(Array.from(childrenMap.values()), parentScope), placeholder);
-
- // trigger the mounts and the updates
- batches.forEach(fn => fn());
-
- // update the children map
- this.childrenMap = newChildrenMap;
- this.nodes = futureNodes;
- return this;
- },
- unmount(scope, parentScope) {
- this.update(UNMOUNT_SCOPE, parentScope);
- return this;
- }
-};
-
-/**
- * Patch the DOM while diffing
- * @param {any[]} redundant - list of all the children (template, nodes, context) added via each
- * @param {*} parentScope - scope of the parent template
- * @returns {Function} patch function used by domdiff
- */
-function patch(redundant, parentScope) {
- return (item, info) => {
- if (info < 0) {
- // get the last element added to the childrenMap saved previously
- const element = redundant[redundant.length - 1];
- if (element) {
- // get the nodes and the template in stored in the last child of the childrenMap
- const {
- template,
- nodes,
- context
- } = element;
- // remove the last node (notice tags might have more children nodes)
- nodes.pop();
-
- // notice that we pass null as last argument because
- // the root node and its children will be removed by domdiff
- if (!nodes.length) {
- // we have cleared all the children nodes and we can unmount this template
- redundant.pop();
- template.unmount(context, parentScope, null);
- }
- }
- }
- return item;
- };
-}
-
-/**
- * Check whether a template must be filtered from a loop
- * @param {Function} condition - filter function
- * @param {Object} context - argument passed to the filter function
- * @returns {boolean} true if this item should be skipped
- */
-function mustFilterItem(condition, context) {
- return condition ? !condition(context) : false;
-}
-
-/**
- * Extend the scope of the looped template
- * @param {Object} scope - current template scope
- * @param {Object} options - options
- * @param {string} options.itemName - key to identify the looped item in the new context
- * @param {string} options.indexName - key to identify the index of the looped item
- * @param {number} options.index - current index
- * @param {*} options.item - collection item looped
- * @returns {Object} enhanced scope object
- */
-function extendScope(scope, _ref) {
- let {
- itemName,
- indexName,
- index,
- item
- } = _ref;
- (0,_util_objects_js__WEBPACK_IMPORTED_MODULE_3__.defineProperty)(scope, itemName, item);
- if (indexName) (0,_util_objects_js__WEBPACK_IMPORTED_MODULE_3__.defineProperty)(scope, indexName, index);
- return scope;
-}
-
-/**
- * Loop the current template items
- * @param {Array} items - expression collection value
- * @param {*} scope - template scope
- * @param {*} parentScope - scope of the parent template
- * @param {EachBinding} binding - each binding object instance
- * @returns {Object} data
- * @returns {Map} data.newChildrenMap - a Map containing the new children template structure
- * @returns {Array} data.batches - array containing the template lifecycle functions to trigger
- * @returns {Array} data.futureNodes - array containing the nodes we need to diff
- */
-function createPatch(items, scope, parentScope, binding) {
- const {
- condition,
- template,
- childrenMap,
- itemName,
- getKey,
- indexName,
- root,
- isTemplateTag
- } = binding;
- const newChildrenMap = new Map();
- const batches = [];
- const futureNodes = [];
- items.forEach((item, index) => {
- const context = extendScope(Object.create(scope), {
- itemName,
- indexName,
- index,
- item
- });
- const key = getKey ? getKey(context) : index;
- const oldItem = childrenMap.get(key);
- const nodes = [];
- if (mustFilterItem(condition, context)) {
- return;
- }
- const mustMount = !oldItem;
- const componentTemplate = oldItem ? oldItem.template : template.clone();
- const el = componentTemplate.el || root.cloneNode();
- const meta = isTemplateTag && mustMount ? createTemplateMeta(componentTemplate) : componentTemplate.meta;
- if (mustMount) {
- batches.push(() => componentTemplate.mount(el, context, parentScope, meta));
- } else {
- batches.push(() => componentTemplate.update(context, parentScope));
- }
-
- // create the collection of nodes to update or to add
- // in case of template tags we need to add all its children nodes
- if (isTemplateTag) {
- nodes.push(...meta.children);
- } else {
- nodes.push(el);
- }
-
- // delete the old item from the children map
- childrenMap.delete(key);
- futureNodes.push(...nodes);
-
- // update the children map
- newChildrenMap.set(key, {
- nodes,
- template: componentTemplate,
- context,
- index
- });
- });
- return {
- newChildrenMap,
- batches,
- futureNodes
- };
-}
-function create$6(node, _ref2) {
- let {
- evaluate,
- condition,
- itemName,
- indexName,
- getKey,
- template
- } = _ref2;
- const placeholder = document.createTextNode('');
- const root = node.cloneNode();
- (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.insertBefore)(placeholder, node);
- (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.removeChild)(node);
- return Object.assign({}, EachBinding, {
- childrenMap: new Map(),
- node,
- root,
- condition,
- evaluate,
- isTemplateTag: (0,_util_checks_js__WEBPACK_IMPORTED_MODULE_4__.isTemplate)(root),
- template: template.createDOM(node),
- getKey,
- indexName,
- itemName,
- placeholder
- });
-}
-
-/**
- * Binding responsible for the `if` directive
- */
-const IfBinding = {
- // dynamic binding properties
- // node: null,
- // evaluate: null,
- // isTemplateTag: false,
- // placeholder: null,
- // template: null,
-
- // API methods
- mount(scope, parentScope) {
- return this.update(scope, parentScope);
- },
- update(scope, parentScope) {
- const value = !!this.evaluate(scope);
- const mustMount = !this.value && value;
- const mustUnmount = this.value && !value;
- const mount = () => {
- const pristine = this.node.cloneNode();
- (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.insertBefore)(pristine, this.placeholder);
- this.template = this.template.clone();
- this.template.mount(pristine, scope, parentScope);
- };
- switch (true) {
- case mustMount:
- mount();
- break;
- case mustUnmount:
- this.unmount(scope);
- break;
- default:
- if (value) this.template.update(scope, parentScope);
- }
- this.value = value;
- return this;
- },
- unmount(scope, parentScope) {
- this.template.unmount(scope, parentScope, true);
- return this;
- }
-};
-function create$5(node, _ref3) {
- let {
- evaluate,
- template
- } = _ref3;
- const placeholder = document.createTextNode('');
- (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.insertBefore)(placeholder, node);
- (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.removeChild)(node);
- return Object.assign({}, IfBinding, {
- node,
- evaluate,
- placeholder,
- template: template.createDOM(node)
- });
-}
-const ElementProto = typeof Element === 'undefined' ? {} : Element.prototype;
-const isNativeHtmlProperty = (0,_util_misc_js__WEBPACK_IMPORTED_MODULE_5__.memoize)(name => ElementProto.hasOwnProperty(name)); // eslint-disable-line
-
-/**
- * Add all the attributes provided
- * @param {HTMLElement} node - target node
- * @param {Object} attributes - object containing the attributes names and values
- * @returns {undefined} sorry it's a void function :(
- */
-function setAllAttributes(node, attributes) {
- Object.entries(attributes).forEach(_ref4 => {
- let [name, value] = _ref4;
- return attributeExpression(node, {
- name
- }, value);
- });
-}
-
-/**
- * Remove all the attributes provided
- * @param {HTMLElement} node - target node
- * @param {Object} newAttributes - object containing all the new attribute names
- * @param {Object} oldAttributes - object containing all the old attribute names
- * @returns {undefined} sorry it's a void function :(
- */
-function removeAllAttributes(node, newAttributes, oldAttributes) {
- const newKeys = newAttributes ? Object.keys(newAttributes) : [];
- Object.keys(oldAttributes).filter(name => !newKeys.includes(name)).forEach(attribute => node.removeAttribute(attribute));
-}
-
-/**
- * Check whether the attribute value can be rendered
- * @param {*} value - expression value
- * @returns {boolean} true if we can render this attribute value
- */
-function canRenderAttribute(value) {
- return value === true || ['string', 'number'].includes(typeof value);
-}
-
-/**
- * Check whether the attribute should be removed
- * @param {*} value - expression value
- * @returns {boolean} boolean - true if the attribute can be removed}
- */
-function shouldRemoveAttribute(value) {
- return !value && value !== 0;
-}
-
-/**
- * This methods handles the DOM attributes updates
- * @param {HTMLElement} node - target node
- * @param {Object} expression - expression object
- * @param {string} expression.name - attribute name
- * @param {*} value - new expression value
- * @param {*} oldValue - the old expression cached value
- * @returns {undefined}
- */
-function attributeExpression(node, _ref5, value, oldValue) {
- let {
- name
- } = _ref5;
- // is it a spread operator? {...attributes}
- if (!name) {
- if (oldValue) {
- // remove all the old attributes
- removeAllAttributes(node, value, oldValue);
- }
-
- // is the value still truthy?
- if (value) {
- setAllAttributes(node, value);
- }
- return;
- }
-
- // handle boolean attributes
- if (!isNativeHtmlProperty(name) && ((0,_util_checks_js__WEBPACK_IMPORTED_MODULE_4__.isBoolean)(value) || (0,_util_checks_js__WEBPACK_IMPORTED_MODULE_4__.isObject)(value) || (0,_util_checks_js__WEBPACK_IMPORTED_MODULE_4__.isFunction)(value))) {
- node[name] = value;
- }
- if (shouldRemoveAttribute(value)) {
- node.removeAttribute(name);
- } else if (canRenderAttribute(value)) {
- node.setAttribute(name, normalizeValue(name, value));
- }
-}
-
-/**
- * Get the value as string
- * @param {string} name - attribute name
- * @param {*} value - user input value
- * @returns {string} input value as string
- */
-function normalizeValue(name, value) {
- // be sure that expressions like selected={ true } will be always rendered as selected='selected'
- return value === true ? name : value;
-}
-const RE_EVENTS_PREFIX = /^on/;
-const getCallbackAndOptions = value => Array.isArray(value) ? value : [value, false];
-
-// see also https://medium.com/@WebReflection/dom-handleevent-a-cross-platform-standard-since-year-2000-5bf17287fd38
-const EventListener = {
- handleEvent(event) {
- this[event.type](event);
- }
-};
-const ListenersWeakMap = new WeakMap();
-const createListener = node => {
- const listener = Object.create(EventListener);
- ListenersWeakMap.set(node, listener);
- return listener;
-};
-
-/**
- * Set a new event listener
- * @param {HTMLElement} node - target node
- * @param {Object} expression - expression object
- * @param {string} expression.name - event name
- * @param {*} value - new expression value
- * @returns {value} the callback just received
- */
-function eventExpression(node, _ref6, value) {
- let {
- name
- } = _ref6;
- const normalizedEventName = name.replace(RE_EVENTS_PREFIX, '');
- const eventListener = ListenersWeakMap.get(node) || createListener(node);
- const [callback, options] = getCallbackAndOptions(value);
- const handler = eventListener[normalizedEventName];
- const mustRemoveEvent = handler && !callback;
- const mustAddEvent = callback && !handler;
- if (mustRemoveEvent) {
- node.removeEventListener(normalizedEventName, eventListener);
- }
- if (mustAddEvent) {
- node.addEventListener(normalizedEventName, eventListener, options);
- }
- eventListener[normalizedEventName] = callback;
-}
-
-/**
- * Normalize the user value in order to render a empty string in case of falsy values
- * @param {*} value - user input value
- * @returns {string} hopefully a string
- */
-function normalizeStringValue(value) {
- return (0,_util_checks_js__WEBPACK_IMPORTED_MODULE_4__.isNil)(value) ? '' : value;
-}
-
-/**
- * Get the the target text node to update or create one from of a comment node
- * @param {HTMLElement} node - any html element containing childNodes
- * @param {number} childNodeIndex - index of the text node in the childNodes list
- * @returns {Text} the text node to update
- */
-const getTextNode = (node, childNodeIndex) => {
- const target = node.childNodes[childNodeIndex];
- if (target.nodeType === Node.COMMENT_NODE) {
- const textNode = document.createTextNode('');
- node.replaceChild(textNode, target);
- return textNode;
- }
- return target;
-};
-
-/**
- * This methods handles a simple text expression update
- * @param {HTMLElement} node - target node
- * @param {Object} data - expression object
- * @param {*} value - new expression value
- * @returns {undefined}
- */
-function textExpression(node, data, value) {
- node.data = normalizeStringValue(value);
-}
-
-/**
- * This methods handles the input fileds value updates
- * @param {HTMLElement} node - target node
- * @param {Object} expression - expression object
- * @param {*} value - new expression value
- * @returns {undefined}
- */
-function valueExpression(node, expression, value) {
- node.value = normalizeStringValue(value);
-}
-const expressions = {
- [_util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__.ATTRIBUTE]: attributeExpression,
- [_util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__.EVENT]: eventExpression,
- [_util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__.TEXT]: textExpression,
- [_util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__.VALUE]: valueExpression
-};
-const Expression = {
- // Static props
- // node: null,
- // value: null,
-
- // API methods
- /**
- * Mount the expression evaluating its initial value
- * @param {*} scope - argument passed to the expression to evaluate its current values
- * @returns {Expression} self
- */
- mount(scope) {
- // hopefully a pure function
- this.value = this.evaluate(scope);
-
- // IO() DOM updates
- apply(this, this.value);
- return this;
- },
- /**
- * Update the expression if its value changed
- * @param {*} scope - argument passed to the expression to evaluate its current values
- * @returns {Expression} self
- */
- update(scope) {
- // pure function
- const value = this.evaluate(scope);
- if (this.value !== value) {
- // IO() DOM updates
- apply(this, value);
- this.value = value;
- }
- return this;
- },
- /**
- * Expression teardown method
- * @returns {Expression} self
- */
- unmount() {
- // unmount only the event handling expressions
- if (this.type === _util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__.EVENT) apply(this, null);
- return this;
- }
-};
-
-/**
- * IO() function to handle the DOM updates
- * @param {Expression} expression - expression object
- * @param {*} value - current expression value
- * @returns {undefined}
- */
-function apply(expression, value) {
- return expressions[expression.type](expression.node, expression, value, expression.value);
-}
-function create$4(node, data) {
- return Object.assign({}, Expression, data, {
- node: data.type === _util_expression_types_js__WEBPACK_IMPORTED_MODULE_1__.TEXT ? getTextNode(node, data.childNodeIndex) : node
- });
-}
-
-/**
- * Create a flat object having as keys a list of methods that if dispatched will propagate
- * on the whole collection
- * @param {Array} collection - collection to iterate
- * @param {Array} methods - methods to execute on each item of the collection
- * @param {*} context - context returned by the new methods created
- * @returns {Object} a new object to simplify the the nested methods dispatching
- */
-function flattenCollectionMethods(collection, methods, context) {
- return methods.reduce((acc, method) => {
- return Object.assign({}, acc, {
- [method]: scope => {
- return collection.map(item => item[method](scope)) && context;
- }
- });
- }, {});
-}
-function create$3(node, _ref7) {
- let {
- expressions
- } = _ref7;
- return Object.assign({}, flattenCollectionMethods(expressions.map(expression => create$4(node, expression)), ['mount', 'update', 'unmount']));
-}
-function extendParentScope(attributes, scope, parentScope) {
- if (!attributes || !attributes.length) return parentScope;
- const expressions = attributes.map(attr => Object.assign({}, attr, {
- value: attr.evaluate(scope)
- }));
- return Object.assign(Object.create(parentScope || null), (0,_util_misc_js__WEBPACK_IMPORTED_MODULE_5__.evaluateAttributeExpressions)(expressions));
-}
-
-// this function is only meant to fix an edge case
-// https://github.com/riot/riot/issues/2842
-const getRealParent = (scope, parentScope) => scope[_util_constants_js__WEBPACK_IMPORTED_MODULE_6__.PARENT_KEY_SYMBOL] || parentScope;
-const SlotBinding = {
- // dynamic binding properties
- // node: null,
- // name: null,
- attributes: [],
- // template: null,
-
- getTemplateScope(scope, parentScope) {
- return extendParentScope(this.attributes, scope, parentScope);
- },
- // API methods
- mount(scope, parentScope) {
- const templateData = scope.slots ? scope.slots.find(_ref8 => {
- let {
- id
- } = _ref8;
- return id === this.name;
- }) : false;
- const {
- parentNode
- } = this.node;
- const realParent = getRealParent(scope, parentScope);
- this.template = templateData && create(templateData.html, templateData.bindings).createDOM(parentNode);
- if (this.template) {
- (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.cleanNode)(this.node);
- this.template.mount(this.node, this.getTemplateScope(scope, realParent), realParent);
- this.template.children = Array.from(this.node.childNodes);
- }
- moveSlotInnerContent(this.node);
- (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.removeChild)(this.node);
- return this;
- },
- update(scope, parentScope) {
- if (this.template) {
- const realParent = getRealParent(scope, parentScope);
- this.template.update(this.getTemplateScope(scope, realParent), realParent);
- }
- return this;
- },
- unmount(scope, parentScope, mustRemoveRoot) {
- if (this.template) {
- this.template.unmount(this.getTemplateScope(scope, parentScope), null, mustRemoveRoot);
- }
- return this;
- }
-};
-
-/**
- * Move the inner content of the slots outside of them
- * @param {HTMLElement} slot - slot node
- * @returns {undefined} it's a void method ¯\_(ツ)_/¯
- */
-function moveSlotInnerContent(slot) {
- const child = slot && slot.firstChild;
- if (!child) return;
- (0,_util_dom_js__WEBPACK_IMPORTED_MODULE_2__.insertBefore)(child, slot);
- moveSlotInnerContent(slot);
-}
-
-/**
- * Create a single slot binding
- * @param {HTMLElement} node - slot node
- * @param {string} name - slot id
- * @param {AttributeExpressionData[]} attributes - slot attributes
- * @returns {Object} Slot binding object
- */
-function createSlot(node, _ref9) {
- let {
- name,
- attributes
- } = _ref9;
- return Object.assign({}, SlotBinding, {
- attributes,
- node,
- name
- });
-}
-
-/**
- * Create a new tag object if it was registered before, otherwise fallback to the simple
- * template chunk
- * @param {Function} component - component factory function
- * @param {Array