{"version":3,"file":"js/main.js","mappings":"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","sources":["webpack://main/webpack/bootstrap","webpack://main/webpack/runtime/define property getters","webpack://main/webpack/runtime/hasOwnProperty shorthand","webpack://main/webpack/runtime/make namespace object","webpack://main/./node_modules/@lernetz/ts-lib/src/Registry.ts","webpack://main/./node_modules/@lernetz/ts-lib/src/view/Compiler.ts","webpack://main/./node_modules/@lernetz/ts-lib/src/view/expressions/Expression.ts","webpack://main/./node_modules/@lernetz/ts-lib/src/Signal.ts","webpack://main/./node_modules/@lernetz/ts-lib/src/Observer.ts","webpack://main/./node_modules/@lernetz/ts-lib/src/view/expressions/ClosureExpression.ts","webpack://main/./node_modules/@lernetz/ts-lib/src/view/expressions/RenderExpression.ts","webpack://main/./node_modules/@lernetz/ts-lib/src/view/expressions/ViewExpression.ts","webpack://main/./node_modules/@lernetz/ts-lib/src/view/View.ts","webpack://main/./node_modules/@lernetz/ts-lib/src/components/Scope.ts","webpack://main/./node_modules/@lernetz/ts-lib/src/Lang.ts","webpack://main/./node_modules/@lernetz/ts-lib/src/Setup.ts","webpack://main/./node_modules/@lernetz/ts-lib/src/Model.ts","webpack://main/./node_modules/@lernetz/ts-lib/src/Request.ts","webpack://main/./node_modules/@lernetz/ts-lib/src/view/Template.ts","webpack://main/./node_modules/@lernetz/ts-lib/src/components/Repeat.ts","webpack://main/./node_modules/@lernetz/ts-lib/src/components/Show.ts","webpack://main/./typescript/components/app/App.ts","webpack://main/./typescript/components/app/App.html","webpack://main/./node_modules/@lernetz/ui-components/src/router/Router.ts","webpack://main/./node_modules/@lernetz/ui-components/src/router/Router.html","webpack://main/./node_modules/@lernetz/ui-components/src/router/Route.ts","webpack://main/./node_modules/regexparam/dist/regexparam.mjs","webpack://main/./node_modules/@lernetz/ui-components/src/stack/Stack.ts","webpack://main/./node_modules/@lernetz/ui-components/src/stack/Stack.html","webpack://main/./node_modules/@lernetz/ui-components/src/heading/Heading.ts","webpack://main/./node_modules/@lernetz/ui-components/src/html/Html.ts","webpack://main/./node_modules/@lernetz/ui-components/src/svg-icons/SvgIcon.ts","webpack://main/./node_modules/@lernetz/ui-components/src/svg-icons/SvgIcon.html","webpack://main/./typescript/components/article-elements/paragraph/Paragraph.ts","webpack://main/./typescript/components/article-elements/paragraph/Paragraph.html","webpack://main/./typescript/components/article-elements/title/Title.ts","webpack://main/./typescript/components/article-elements/title/Title.html","webpack://main/./typescript/services/api-service.ts","webpack://main/./typescript/services/lang.ts","webpack://main/./typescript/pages/good-practice/details/author-info.component.ts","webpack://main/./typescript/pages/good-practice/details/author-info.component.html","webpack://main/./node_modules/@lernetz/ts-lib/src/Gateway.ts","webpack://main/./node_modules/@lernetz/ui-components/src/image/Image.ts","webpack://main/./node_modules/@lernetz/ts-lib/src/dom.ts","webpack://main/./typescript/components/article-elements/image/Image.ts","webpack://main/./typescript/components/article-elements/image/Image.html","webpack://main/./typescript/services/params.service.ts","webpack://main/./typescript/components/wizard/wizard.segment.ts","webpack://main/./typescript/components/wizard/wizard.model.ts","webpack://main/./typescript/services/router.ts","webpack://main/./typescript/good-practice/components/article/infobox.component.ts","webpack://main/./typescript/good-practice/components/article/infobox.component.html","webpack://main/./typescript/good-practice/components/article/quote.component.ts","webpack://main/./typescript/good-practice/components/article/quote.component.html","webpack://main/./typescript/good-practice/good-practice.gateway.ts","webpack://main/./typescript/pages/generic/article-elements/column-layout/column-layout.component.ts","webpack://main/./typescript/pages/generic/article-elements/column-layout/column-layout.component.html","webpack://main/./typescript/pages/generic/article-elements/column-layout/column.component.ts","webpack://main/./typescript/pages/generic/article-elements/column-layout/column.component.html","webpack://main/./typescript/pages/generic/article-elements/contact/contact.component.ts","webpack://main/./typescript/pages/generic/article-elements/contact/contact.component.html","webpack://main/./typescript/tool/tool.model.ts","webpack://main/./node_modules/@lernetz/ui-components/src/carousel/Carousel.ts","webpack://main/./node_modules/@lernetz/ui-components/src/carousel/Carousel.html","webpack://main/./typescript/components/article-elements/carousel/Carousel.ts","webpack://main/./typescript/components/article-elements/carousel/Carousel.html","webpack://main/./typescript/components/article-elements/carousel/leftTemplate.html","webpack://main/./typescript/components/article-elements/carousel/rightTemplate.html","webpack://main/./typescript/components/article-elements/carousel/Image.html","webpack://main/./node_modules/@lernetz/ui-components/src/iframely/Iframely.ts","webpack://main/./node_modules/@lernetz/ui-components/src/iframely/Iframely.html","webpack://main/./typescript/components/article-elements/decoratedIframely/DecoratedIframely.ts","webpack://main/./typescript/components/article-elements/decoratedIframely/DecoratedIframely.html","webpack://main/./typescript/components/article-elements/decoratedIframely/Iframely.html","webpack://main/./typescript/components/article-elements/materiallist/MaterialList.ts","webpack://main/./typescript/components/article-elements/materiallist/MaterialList.html","webpack://main/./typescript/components/article-elements/materiallist/Download.html","webpack://main/./typescript/components/article-elements/materiallist/Link.html","webpack://main/./typescript/components/article-elements/personal-impact/PersonalImpact.ts","webpack://main/./typescript/components/article-elements/personal-impact/PersonalImpact.html","webpack://main/./typescript/components/article-elements/personal-impact/visual/image.html","webpack://main/./typescript/components/article-elements/related-content/related-content.component.ts","webpack://main/./typescript/components/article-elements/related-content/related-content.component.html","webpack://main/./typescript/components/article-elements/toggle/Toggle.ts","webpack://main/./typescript/components/article-elements/toggle/Toggle.html","webpack://main/./typescript/tool/tool.gateway.ts","webpack://main/./typescript/services/gateway.ts","webpack://main/./typescript/services/tracker.ts","webpack://main/./typescript/good-practice/good-practice.module.ts","webpack://main/./typescript/pages/tools/details/tool-details.view.ts","webpack://main/./typescript/pages/tools/details/tool-details.view.html","webpack://main/./typescript/services/tag.service.ts","webpack://main/./typescript/pages/tools/tools.view.ts","webpack://main/./typescript/pages/tools/tools.view.html","webpack://main/./typescript/components/filter/filter.helpers.ts","webpack://main/./typescript/tool/tool.module.ts","webpack://main/./typescript/pages/Home.ts","webpack://main/./typescript/pages/Home.html","webpack://main/./typescript/pages/results/results.component.ts","webpack://main/./typescript/pages/results/results.component.html","webpack://main/./typescript/pages/search/search.ts","webpack://main/./typescript/pages/search/search.html","webpack://main/./typescript/pages/Missing.ts","webpack://main/./typescript/pages/Missing.html","webpack://main/./typescript/pages/generic/generic.component.ts","webpack://main/./typescript/pages/generic/generic.component.html","webpack://main/./typescript/components/navigation/Navigation.ts","webpack://main/./typescript/components/navigation/Navigation.html","webpack://main/./typescript/components/topics/Topics.ts","webpack://main/./typescript/components/topics/Topics.html","webpack://main/./typescript/components/wizard/Wizard.ts","webpack://main/./typescript/components/wizard/Wizard.html","webpack://main/./typescript/pages/good-practice/good-practice.view.ts","webpack://main/./typescript/pages/good-practice/good-practice.view.html","webpack://main/./typescript/tool/components/list/list.view.ts","webpack://main/./typescript/tool/components/list/list.view.html","webpack://main/./typescript/tool/components/list/cards/tool.template.html","webpack://main/./typescript/tool/components/list/cards/good-practice.template.html","webpack://main/./typescript/components/search-row/search-row.component.ts","webpack://main/./typescript/components/search-row/search-row.html","webpack://main/./typescript/components/common/slider/slider.component.ts","webpack://main/./typescript/components/common/slider/slider.component.html","webpack://main/./typescript/components/footer/footer.component.ts","webpack://main/./typescript/components/footer/footer.component.html","webpack://main/./typescript/components/filter/filter.component.ts","webpack://main/./typescript/components/filter/filter.component.html","webpack://main/./node_modules/@lernetz/ui-components/src/drop-down/DropDown.ts","webpack://main/./typescript/components/common/banner-image/banner-image.component.ts","webpack://main/./typescript/components/common/banner-image/banner-image.component.html","webpack://main/./typescript/pages/tools/details/metainfos.component.ts","webpack://main/./typescript/pages/tools/details/metainfos.component.html","webpack://main/./typescript/pages/tools/details/downloads/download.component.html","webpack://main/./typescript/pages/tools/details/downloads/link.component.html","webpack://main/./typescript/components/common/dropdown/dropdown.component.ts","webpack://main/./typescript/pages/good-practice/details/good-practice-details.component.ts","webpack://main/./typescript/pages/good-practice/details/good-practice-details.component.html","webpack://main/./node_modules/@lernetz/ui-components/src/toggle/defaults/checkboxChecked.html","webpack://main/./node_modules/@lernetz/ui-components/src/toggle/defaults/checkboxUnchecked.html","webpack://main/./typescript/components/common/checkbox/checkbox.component.ts","webpack://main/./typescript/components/common/overlay/overlay.component.ts","webpack://main/./typescript/components/common/overlay/overlay.component.html","webpack://main/./typescript/components/wizard/MagicWand.component.html","webpack://main/./typescript/components/wizard/MagicWand.component.ts","webpack://main/./typescript/components/wizard/WizardStart.ts","webpack://main/./typescript/components/wizard/WizardStart.html","webpack://main/./typescript/components/tags/active-tags.component.ts","webpack://main/./typescript/components/tags/active-tags.component.html","webpack://main/./typescript/components/common/route-link/route-link.component.ts","webpack://main/./typescript/components/common/route-link/route-link.component.html","webpack://main/./typescript/register.ts","webpack://main/./typescript/pages/Stack.html","webpack://main/./typescript/components/common/dropdown/DropDown.component.html","webpack://main/./typescript/icons/symbols.html","webpack://main/./typescript/state.ts","webpack://main/./typescript/Main.ts"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","interface RegistryFactoryClosure<FactoryIn,FactoryOut> {\n\t( value:FactoryIn ): FactoryOut;\n}\n\n\n/**\n * A class that handles key value mappings with sub mappings\n */\nexport class Registry<Key, FactoryIn, FactoryOut> {\n\n\tprotected entries:Map<Key,RegistryFactoryClosure<FactoryIn,FactoryOut>>;\n\n\tconstructor() {\n\t\tthis.entries = new Map();\n\t}\n\n\tadd( key:any, closure:RegistryFactoryClosure<FactoryIn,FactoryOut> ) {\n\t\tthis.entries.set( key, closure );\n\t\treturn this;\n\t}\n\n\tget( key:any ) {\n\t\t// check for entry\n\t\tlet found = this.entries.get( key );\n\n\t\t// return entry if it has and search on constructor if available\n\t\treturn found ? found : ( key && key.constructor ) ? this.entries.get( key.constructor ) : undefined;\n\n\t}\n}\n\n","\n\nvar pass = {\n\tregex:/\\[\\[([\\s\\S]+?)\\]\\]/g,\n\tmapper: function( match, inner ) {\n\t\treturn \"function() {\\n try { with( data ) {\\n return \" + inner + \" } } catch (error) { this.log( error ) } }.call( this )\";\n\t}\n};\n\nvar cache = {};\n\n\n/**\n * Compiles a template string into a template function.\n */\nexport function compile( templateString:string, args:string[] = [ 'data' ] ):Function {\n\n\tlet key = templateString + args.join( ' ' );\n\n\t// handle caching\n\tif( cache[ key ] ) return cache[ key ]\n\n\t// check if template is one single [[ .. ]] expression\n\tlet matches = templateString.match( /\\[\\[([\\s\\S]+?)\\]\\]/ );\n\tif( matches && matches[0] == templateString ) {\n\t\tvar source = parseValue( templateString );\n\t} else {\n\t\tvar source = parseString( templateString );\n\t}\n\n\tvar render = new Function( ...args, source );\n\n\t// store for caching\n\tcache[ key ] = render;\n\n\treturn render;\n}\n\n\n/**\n* Turns the given template into a function body code.\n*/\nfunction parseString( template:string ):string {\n\n\ttemplate = template.replace( pass.regex, ( match, inner:string ) => {\n\t\treturn \"` + this.empty( \" + pass.mapper( match, inner ) + \" ) + `\";\n\t});\n\n\treturn \"return `\" + template + \"`;\";\n}\n\n/**\n* Turns the given template into a function body code.\n*/\nfunction parseValue( template:string ):string {\n\t// simply return the inner template content\n\treturn template.replace( pass.regex, ( match, inner:string ) => {\n\t\treturn \"return \" + pass.mapper( match, inner ) + \";\";\n\t});\n}\n\n/**\n * Tests if the value of the template is empty or not\n */\nexport function empty( data:any ):string {\n\treturn data || data === 0 ? data : '';\n}\n\n/**\n * Logs errors to the console\n */\nexport function log( ...params ) {\n\tif( console ) {\n\t\t( console.trace ) ? console.trace( ...params ) : console.log( ...params );\n\t}\n}\n\n/**\n * Stops the debugger\n */\nexport function debug() {\n\tdebugger;\n}\n\n/**\n * Tests if the given string has an expression\n * @param string\n */\nexport function hasExpression( string:string ):boolean {\n\tpass.regex.lastIndex = 0; // reset global regex\n\treturn pass.regex.test( string );\n}\n\n/**\n * Returns only the content of the expressions [[...]] within the given string\n */\nexport function getContent( string:string ) {\n\tlet content = '';\n\tstring.replace( pass.regex, ( match, inner ) => {\n\t\tcontent += inner;\n\t\treturn '';\n\t});\n\treturn content;\n}\n\n/**\n * Replaces the expression of the given templatee with the content of the closure\n */\nexport function replace( template:string, replacer:( match:string, inner ) => string ) {\n\treturn template.replace( pass.regex, replacer );\n}\n","import { Subscription } from \"../../Signal\";\nimport { TemplateContext } from \"../Template\";\n\n\n\n/**\n * Super class of all expressions to store the expression and its context.\n * It handles also the subscription on observables\n */\nexport abstract class Expression {\n\n\texpression:Function;\n\tcontext:TemplateContext;\n\n\tconstructor( context:TemplateContext ) {\n\t\tthis.context = context;\n\t}\n\n\tabstract destroy();\n}\n\n\nexport interface ExpressionWithInital {\n\tinital();\n}\n\n/**\n * A guard that checks whether the specified object has an inital function to invoke\n *\n * @param obj The object that should be tested.\n */\nexport function hasInital( obj:any ):obj is ExpressionWithInital {\n\treturn obj && obj[ 'inital' ];\n}\n\n\n\n\nexport function snakeToCamel( string ):string {\n\treturn string.replace( /(\\-\\w)/g, match => match[1].toUpperCase() );\n}\n\nexport function camelToSnake( string ) {\n\treturn string.split(/(?=[A-Z])/).join('-').toLowerCase();\n}\n\n","/**\n * This module contains the [[Observable]] interface and its principal implementation, [[Signal]].\n * See https://tc39.es/proposal-observable/ and https://rxjs.dev/ for more in-depth information\n * about observables.\n */\n\n\n/**\n * An [[Observer]] is a callback function that will receive `T` values from a [[Observable]]\n * after it has been [[subscribe]]d to it.\n */\nexport type Observer<T> = (arg: T) => void;\n\n\n/**\n * A subscription gets returned to you when you [[Observable.subscribe]] an [[Observer]] to an [[Observable]].\n * It is via this object that you can [[unsubscribe]] the observer again.\n */\nexport interface Subscription {\n\n\t/**\n\t * Unsubscribes the observer from the [[Observable]] so it will no longer receive its values.\n\t */\n    unsubscribe(): void;\n}\n\n\n/**\n * An [[Observable]] is a composable sequence of `T` values that will be *pushed* to observers\n * as they become available. This is the reverse of collections, which allow you to *pull* values\n * out of it via iteration.\n *\n *  * `subscription = subscribe(observer)` to start receiving values.\n *\n *  * `subscription.unsubscribe()` to stop receiving values.\n *\n * @example\n *\n * ```typescript\n * import {node} from '.../core/node/Node';\n *\n * const clicks = node(document.querySelector('#someElement')).clicks;\n * const subscription = clicks.subscribe(e => console.log('You clicked on ', e.target));\n * ...\n * subscription.unsubscribe();\n * ```\n *\n * @seealso https://tc39.es/proposal-observable/\n * @seealso https://rxjs.dev/\n */\nexport class Observable<T> {\n\n    private readonly subscribe_: (observer: Observer<T>) => Subscription;\n\n\t/**\n\t * Initializes a new instance of the [[Observable]] class.\n\t *\n\t * @param subscribe The implementation of the [[subscribe]] method.\n\t */\n    public constructor(subscribe: (observer: Observer<T>) => Subscription) {\n        this.subscribe_ = subscribe;\n    }\n\n\t/**\n\t * Returns a new observable where all values of the original observable are delayed\n\t * as long as new values are pushed to observers. Once there hasn't been a new value for\n\t * `wait` milliseconds, the last value gets pushed.\n\t *\n\t * @param wait The number of milliseconds to wait after the last value before it is pushed.\n\t */\n    public debounce(wait: number): Observable<T> {\n        return new Observable<T>(observer => {\n            let timeout;\n            return this.subscribe(arg => {\n                const later = () => {\n                    timeout = null;\n                    observer(arg);\n                };\n                clearTimeout(timeout);\n                timeout = setTimeout(later, wait);\n            });\n        });\n    }\n\n\t/**\n\t * Gets a new observable containing only the values that fulfill the given predicate `fn`.\n\t * Think [Array.prototype.filter()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter).\n\t *\n\t * @param fn A predicate that specifies which values from the original observable to keep.\n\t */\n    public filter(fn: (arg: T) => boolean): Observable<T> {\n        return new Observable<T>(observer => {\n            return this.subscribe(arg => {\n                if (fn(arg)) {\n                    observer(arg);\n                }\n            });\n        });\n    }\n\n\t/**\n\t * Gets a new observable where each value has been transformed by the given function `fn`.\n\t * Think [Array.prototype.map()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map).\n\t *\n\t * @param fn A function that maps a value to another value.\n\t */\n    public map<U>(fn: (arg: T) => U): Observable<U> {\n        return new Observable<U>(observer => {\n            return this.subscribe(arg => {\n                observer(fn(arg));\n            });\n        });\n    }\n\n\t/**\n\t * Subscribes the given `observer` (a callback function) to this observable which will start\n\t * receiving its values. Returns a [[Subscription]] via which you can [[unsubscribe]] the observer.\n\t *\n\t * @param observer The callback function that should receive `T` values from this observable.\n\t */\n    public subscribe(observer: Observer<T>): Subscription {\n        return this.subscribe_(observer);\n    }\n}\n\n\n/**\n * A kind of [[Observable]] that can dispatch `T` values via [[Signal.dispatch]].\n */\nexport class Signal<T> extends Observable<T> {\n\n    private observers_?: Observer<T>[];\n\n\t/**\n\t * Initializes a new instance of the [[Signal]] class.\n\t */\n    public constructor() {\n        super(observer => {\n            if (!this.observers_) {\n                this.observers_ = [observer];\n            }\n            else if (this.observers_.indexOf(observer) < 0) {\n                this.observers_.push(observer);\n            }\n            const observers = this.observers_;\n            return {\n                unsubscribe: () => {\n                    const index = observers.indexOf(observer);\n                    if (index >= 0) {\n                        observers.splice(index, 1);\n                    }\n                }\n            };\n        });\n        this.observers_ = [];\n    }\n\n\t/**\n\t * Dispatches the given value `arg` to this signal's observers.\n\t *\n\t * @param arg The value to dispatch to observers.\n\t */\n    public dispatch(arg: T) {\n        if (this.observers_) {\n            for (const observer of [...this.observers_]) {\n                observer(arg);\n            }\n        }\n    }\n}\n\n/**\n * Listens to an event target event and creates an observable instance\n * @param el the event target tzo listen to\n * @param event the name of the event to listen to\n */\nexport function observable<TEvent extends Event>( event:string, el:EventTarget ):Observable<TEvent> {\n\treturn new Observable( observer => {\n\t\tlet handler = ( event ) => observer( event );\n\t\tel.addEventListener( event, handler );\n\t\treturn {\n\t\t\tunsubscribe:() => {\n\t\t\t\tel.removeEventListener( event, handler );\n\t\t\t}\n\t\t}\n\t});\n}\n","import { Signal } from './Signal';\n\n/**\n * Checks whether the specified object implements [[PropertyObserver]].\n * If its possible to observe its properties\n *\n * @param obj The object that should be tested.\n */\nexport function isPropertyObserver( obj:any ):obj is PropertyObserver {\n\treturn obj && obj[ 'propertyChange' ] instanceof Signal;\n}\n\n\n/**\n * Describes the payload of the [[PropertyChangedSignal.propertyChanged]] observable.\n */\nexport interface PropertyChanged {\n\tname:string\n}\n\n\n/**\n * Types that implement this interface publish all property value changes as an [[Observable]].\n *\n * @see observeProperties that turns an object into a PropertyObserver\n */\nexport interface PropertyObserver {\n\n\t/**\n\t * Raised when a property's value has changed.\n\t *\n\t * @event\n\t */\n\tpropertyChange:Signal<PropertyChanged>;\n}\n\n\n\nexport function dependProperty<T, S>( target:T, targetProperty:( keyof T ), source:S, sourceProperty:( keyof S ) ) {\n\n\n\t// make sure the properties are observed\n\tlet targetObserved = observeProperties( target, targetProperty );\n\tlet sourceObserved = observeProperties( source, sourceProperty );\n\n\t// only subscript on valid target / source\n\tif( !targetObserved || !sourceObserved ) return;\n\n\tsourceObserved.propertyChange.filter( e => e.name == sourceProperty ).subscribe( () => {\n\t\ttargetObserved.propertyChange.dispatch( { name:targetProperty as string } );\n\t});\n}\n\n\n/**\n * Observes a list of properties\n * @param target The model to observe properties on\n * @param properties The list of property name to observe\n */\nexport function observeProperties<T>(target:T, ...properties:(keyof T)[] ):T&PropertyObserver {\n\n\t// do not observe any null / undefined targets\n\tif( !target ) return;\n\n\tlet t = target as T&PropertyObserver;\n\n\t// make sure signal exists\n\tif( !t.propertyChange ) t.propertyChange = new Signal<PropertyChanged>();\n\n\t// if there are no properties take all properties of the target\n\tif( properties.length == 0 ) properties = Object.keys( t ) as (keyof T)[];\n\n\t// loop over properties an check if there are accessors\n\tlet obj:any = {};\n\tfor ( const prop of properties ) {\n\n\t\t// no accessors for propertyChanged\n\t\tif( prop == 'propertyChange' ) continue;\n\n\t\t// lookup prototype chain for property descriptor\n\t\tlet c = t;\n\t\tlet desc;\n\t\twhile( c != null && desc == null ) {\n\t\t\tdesc = Object.getOwnPropertyDescriptor( c, prop );\n\t\t\tc = Object.getPrototypeOf( c );\n\t\t}\n\n\t\t// if property does not exist on target add undefined accessor\n\t\tif( !desc ) {\n\t\t\tobj[ prop ] = undefined;\n\t\t\tcontinue;\n\t\t}\n\n\t\t// check if it has already a getter/setter - do nothing\n\t\tif( desc.get || desc.set ) continue;\n\n\t\tobj[ prop ] =  target[ prop ];\n\t}\n\n\t// generate accessors for all props\n\tfor( let attr in obj ) {\n\n\t\t// create dynamic property\n\t\tObject.defineProperty( t, attr, {\n\t\t\tget() {\n\t\t\t\treturn obj[ attr ];\n\t\t\t},\n\t\t\tset( value ) {\n\t\t\t\tlet old = obj[ attr ];\n\t\t\t\tif( old !== value ) {\n\t\t\t\t\tobj[ attr ] = value;\n\t\t\t\t\tt.propertyChange.dispatch( { name:attr } );\n\t\t\t\t}\n\t\t\t},\n\t\t\tenumerable: true,\n\t\t\tconfigurable: true\n\t\t});\n\t}\n\n\treturn t;\n}\n\n\n\n\n/**\n * A guard that checks whether the specified object implements [[ArrayObserver]].\n *\n * @param obj The object that should be tested.\n */\nexport function isArrayObserver( obj:any ):obj is ArrayObserver {\n\treturn obj && obj[ 'arrayChange' ] instanceof Signal;\n}\n\n\n/**\n * Arrays that implement this interface observe changes on the array itself\n *\n */\nexport interface ArrayObserver {\n\n\t/**\n\t * Raised when the items of the array have changed.\n\t *\n\t * @event\n\t */\n\tarrayChange:Signal<{}>;\n}\n\n/**\n * Observes an array on changes\n */\nexport function observeArray( a:Array<any> ):Array<any>&ArrayObserver {\n\n\t// do not observe other than arrays\n\tif( !Array.isArray( a ) ) return;\n\n\tlet t = a as Array<any>&ArrayObserver;\n\n\t// check if its already observed\n\tif( t.arrayChange ) return t;\n\n\tt.arrayChange = new Signal();\n\n\tfor (const method of [ 'push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse' ] ) {\n\t\tconst org = t[method];\n\t\t// overwrite function to inject signal notification\n\t\tt[method] = function ( ...args ) {\n\t\t\tconst res = org.apply( this, args );\n\t\t\tt.arrayChange.dispatch({});\n\t\t\treturn res;\n\t\t}\n\t}\n\n\treturn t;\n}\n","import { Expression } from \"./Expression\";\nimport { TemplateContext } from \"../Template\";\nimport { Observable, observable, Signal, Subscription } from \"../../Signal\";\nimport { compile } from \"../Compiler\";\n\n/**\n * Super class of expressions that will invoke a closure on observable dispatch.\n */\nexport class ClosureExpression extends Expression {\n\n\tsubscription: Subscription;\n\n\n\tconstructor( context:TemplateContext, expression:string ) {\n\t\tsuper( context );\n\t\tthis.expression = compile( expression, [ 'event','data' ] );\n\t}\n\n\tsubscribe( observable:Observable<any> ) {\n\t\tthis.unsubscribe();\n\t\tthis.subscription = observable.subscribe( this.invoke.bind( this ) );\n\t}\n\n\tunsubscribe() {\n\t\tif( this.subscription ) this.subscription.unsubscribe();\n\t}\n\n\tinvoke( event ) {\n\t\tthis.expression.call( this.context, event, this.context.data );\n\t}\n\n\tdestroy() {\n\t\tthis.unsubscribe();\n\t}\n}\n\n\n/**\n * This class subscribes node events and invokes the corresponding closure like: <div on-click=\"[[ ... ]]\"></div>\n */\nexport class NodeEventExpression extends ClosureExpression {\n\n\tevent:string;\n\tnode:Node;\n\n\tconstructor( context:TemplateContext, expression:string, event:string, node:Node ) {\n\t\tsuper( context, expression );\n\t\tthis.event = event;\n\t\tthis.node = node;\n\n\t\tthis.updateSubscription();\n\t}\n\n\tupdateSubscription() {\n\t\tthis.subscribe( observable( this.event, this.node ) );\n\t}\n}\n\n\n\n","import { observeArray, observeProperties, PropertyObserver } from \"../../Observer\";\nimport { Subscription } from \"../../Signal\";\nimport { compile, replace } from \"../Compiler\";\nimport { context as globalContext, TemplateContext } from \"../Template\";\nimport { Expression } from \"./Expression\";\n\n/**\n * Super class of expression that will render something into to dom\n */\nexport abstract class RenderExpression extends Expression {\n\n\n\troot:ObjectSubscriber;\n\n\n\tconstructor( context:TemplateContext, expression:string ) {\n\t\tsuper( context );\n\t\tthis.expression = compile( expression, [ 'data' ] );\n\n\t\t// disable logging in trace phase\n\t\tconst prevLogging = globalContext.logging;\n\t\tglobalContext.logging = false;\n\t\tthis.trace();\n\t\tglobalContext.logging = prevLogging;\n\n\t\tthis.subscribe();\n\t}\n\n\n\t/**\n\t * updates the dom when the data changes\n\t */\n\tabstract update();\n\n\n\t/**\n\t * The inital render call is called to render the first time\n\t */\n\tinital() {\n\t\tthis.update();\n\t}\n\n\t/**\n\t * Implements subscribe to listen on changes of context data\n\t */\n\tsubscribe() {\n\t\tthis.root.subscribeTo( this.context.data );\n\t}\n\n\n\n\tdestroy() {\n\t\tthis.root.destroy();\n\t}\n\n\n\t/**\n\t * Traces the expression to collect property access\n\t */\n\ttrace() {\n\n\t\tthis.root = new ObjectSubscriber( this );\n\n\t\tvar trapper = {\n\t\t\thas: () => {\n\t\t\t\treturn true;\n\t\t\t},\n\t\t\tget:( t, key, p ) => {\n\n\t\t\t\tif( key == Symbol.unscopables ) return {};\n\t\t\t\tif( key == Symbol.toPrimitive ) return ( hint ) => {\n\t\t\t\t\tif( hint == 'number' ) return 1;\n\t\t\t\t\treturn '';\n\t\t\t\t};\n\n\t\t\t\t// check blacklisted global vars\n\t\t\t\t// *this* is the access on the this context in IE Edge Legacy\n\t\t\t\tif( [ 'JSON', 'Math', '*this*' ].indexOf( key ) >= 0 ) return;\n\n\t\t\t\t// handle data access\n\t\t\t\tif( key == 'data' && t == this.root ) return t;\n\n\n\t\t\t\t// create objectobserver for property if there is not already one.\n\t\t\t\tif( !t.properties.has( key ) ) {\n\t\t\t\t\tt.properties.set( key, new ObjectSubscriber( t.expression ) );\n\t\t\t\t}\n\n\t\t\t\treturn new Proxy( t.properties.get( key ), trapper );\n\t\t\t},\n\t\t}\n\n\t\tthis.expression.call( this.context, new Proxy( this.root, trapper ) );\n\t}\n\n\n\t/**\n\t * Helper function that returns the value of the expression\n\t */\n\tgetExpressionValue() {\n\t\treturn this.expression.call( this.context, this.context.data );\n\t}\n}\n\n\nconst booleanAttributes = {\n\t'checked': [\n\t\tHTMLInputElement,\n\t],\n\t'disabled': [\n\t\tHTMLButtonElement,\n\t\tHTMLFieldSetElement,\n\t\tHTMLInputElement,\n\t\tHTMLOptGroupElement,\n\t\tHTMLOptionElement,\n\t\tHTMLSelectElement,\n\t\tHTMLTextAreaElement,\n\t],\n\t'selected': [\n\t\tHTMLOptionElement,\n\t],\n\t'hidden': [\n\t\tElement,\n\t],\n\t'readonly': [\n\t\tHTMLInputElement,\n\t\tHTMLTextAreaElement,\n\t],\n\t'required': [\n\t\tHTMLInputElement,\n\t\tHTMLTextAreaElement,\n\t\tHTMLSelectElement,\n\t],\n};\n\n/**\n * This class monitors expression on node attributes like: <div name=\"[[ my expression ]]\"></div>\n */\nexport class AttributeExpression extends RenderExpression {\n\n\tnode:Element;\n\tattribute:Attr;\n\tboolean:boolean;\n\n\tconstructor( node:Element, attribute:Attr, context:TemplateContext ) {\n\t\tsuper( context, attribute.value );\n\t\tthis.node = node;\n\t\tthis.attribute = attribute;\n\t\tthis.boolean = booleanAttributes[ attribute.name ]?.some( elementType => node instanceof elementType );\n\t}\n\n\tupdate() {\n\t\t// handle input value\n        if( this.node instanceof HTMLInputElement || this.node instanceof HTMLTextAreaElement ) {\n            if( this.attribute.name == 'value' || this.attribute.name == 'checked' ) {\n                this.node[ this.attribute.name ] = this.getExpressionValue();\n            }\n        }\n\n\t\tif( this.boolean ) {\n\t\t\tif( this.getExpressionValue() ) {\n\t\t\t\tthis.node.setAttribute( this.attribute.name, 'true' );\n\t\t\t} else {\n\t\t\t\tthis.node.removeAttribute( this.attribute.name );\n\t\t\t}\n\t\t}\n\t\telse {\n\t\t\tthis.node.setAttribute( this.attribute.name, this.getExpressionValue() );\n\t\t}\n\t}\n}\n\n\n/**\n * This class monitors expression on node class attibute like: <div class=\"[[ my expression ]]\"></div>\n * It supports the object syntax for classes: [[ { 'demo':true } ]]\n */\nexport class CSSExpression extends AttributeExpression {\n\n\texpressionString:string;\n\n\tconstructor( node:Element, attribute:Attr, context:TemplateContext ) {\n\t\tsuper( node, attribute, context );\n\t\tthis.expressionString = attribute.value;\n\t}\n\n\tgetExpressionValue() {\n\t\t// replace all parts of the template for exp. \"static [[ exp1 ]] demo [[ exp2 ]]\"\n\t\treturn replace( this.expressionString, ( match ) => {\n\t\t\tlet value = compile( match ).call( this.context, this.context.data );\n\n\t\t\t// if its an object handle\n\t\t\tif( value && typeof value == 'object' ) return Object.keys( value ).filter( key => value[key] ).join( ' ' );\n\n\t\t\treturn value;\n\t\t});\n\t}\n}\n\n\n\n/**\n * This class monitors expression on text nodes like: <div>[[ my expression ]]</div>\n */\nexport class TextExpression extends RenderExpression {\n\n\tnode:Node;\n\n\tconstructor( node:Node, context:TemplateContext ) {\n\t\tsuper( context, node.nodeValue );\n\t\tthis.node = node;\n\t}\n\n\tupdate() {\n\t\tthis.node.nodeValue = this.context.empty( this.getExpressionValue() );\n\t}\n}\n\n\n\n/**\n * A helper class to manage subscriptions on objects with a given set of properties\n */\nclass ObjectSubscriber {\n\n\tsubscription:Subscription;\n\tproperties:Map<string,ObjectSubscriber>;\n\texpression:RenderExpression;\n\n\tconstructor( exp:RenderExpression ) {\n\t\tthis.properties = new Map();\n\t\tthis.expression = exp;\n\t}\n\n\n\tsubscribeTo( obj:any ) {\n\n\t\tthis.unsubscribe();\n\n\t\t// do not subscribe on undefined\n\t\tif( !obj ) return;\n\n\t\t// do not subscribe on anythinf else than object\n\t\tif( !( obj instanceof Object) ) return;\n\n\t\t// check if we have properties to listen\n\t\tif( !this.hasProperties() ) return;\n\n\t\t// subscribe on arrays\n\t\tif( Array.isArray( obj ) ) {\n\t\t\tthis.subscription = observeArray( obj ).arrayChange.subscribe( this.onArrayChange.bind( this ) );\n\n\t\t// subscribe to object\n\t\t} else {\n\t\t\t// observe properties of expression in given obj\n\t\t\tlet props =[ ...this.properties.keys() ];\n\t\t\tprops.unshift( obj );\n\t\t\tlet obs = observeProperties.apply( null, props ) as PropertyObserver;\n\n\t\t\t// subscribe to changes on obj\n\t\t\tthis.subscription = obs.propertyChange.subscribe( this.onObjectChange.bind( this ) );\n\t\t}\n\n\n\t\t// subscribe child properties\n\t\tthis.properties.forEach( ( value, key ) => {\n\t\t\tvalue.subscribeTo( obj[ key ] );\n\t\t});\n\t}\n\n\n\tunsubscribe() {\n\t\tif( this.subscription ) this.subscription.unsubscribe();\n\t\tthis.properties.forEach( ( value, key ) => {\n\t\t\tvalue.unsubscribe();\n\t\t});\n\t}\n\n\n\tonObjectChange( e:{ name:string } ) {\n\n\t\t// check if this expression has the changed property\n\t\tlet obj = this.properties.get( e.name );\n\t\tif( obj ) {\n\n\t\t\t// update expression content\n\t\t\tthis.expression.update();\n\n\t\t\t// if the changed propery has sub properties we need to resubscribe\n\t\t\tif( obj.hasProperties() ) this.expression.subscribe();\n\t\t}\n\t}\n\n\tonArrayChange( e ) {\n\t\t// update expression content\n\t\tthis.expression.update();\n\n\t\t// resubscribe if there is an access on array indices/properties = 0,1,...\n\t\tif( this.properties.size > 0 ) {\n\t\t\tthis.expression.subscribe();\n\t\t}\n\t}\n\n\n\thasProperties() {\n\t\treturn this.properties.size > 0;\n\t}\n\n\tdestroy() {\n\n\t\tthis.unsubscribe();\n\n\t\tfor (const child of this.properties.values() ) {\n\t\t\tchild.destroy();\n\t\t}\n\n\t\tthis.properties = new Map();\n\t}\n}\n","import { isScope } from '../../components/Scope';\nimport { isPropertyObserver, observeArray, observeProperties } from '../../Observer';\nimport { Observable, Signal, Subscription } from '../../Signal';\nimport { compile } from '../Compiler';\nimport { context, Template, TemplateContext } from '../Template';\nimport { create, invokeInit, View } from '../View';\nimport { ClosureExpression, NodeEventExpression } from './ClosureExpression';\nimport { Expression, hasInital, snakeToCamel } from './Expression';\nimport { AttributeExpression, RenderExpression } from './RenderExpression';\n\n\n/**\n * This class monitors expression on the node view attribute like: <div view=\"[[ my expression ]]\"></div>\n */\nexport class ViewExpression extends AttributeExpression {\n\n\texpressions: Expression[];\n\ttemplate: Template;\n\tview: View;\n\tmergers: Array<AttributeMerger>;\n\trerenderCheck: RerenderCheck;\n\tinnerTemplates: Array<{ name:string, template:string, data:string }>;\n\n\tconstructor( node: Element, template: Template ) {\n\t\tsuper( node, node.attributes.getNamedItem( 'view' ), template.context );\n\t\tthis.template = template;\n\t\tthis.expressions = [];\n\t\tthis.mergers = [];\n\n\t\tthis.parseAttributes();\n\t\tthis.parseInnerTemplates();\n\n\t}\n\n\tinital() {\n\t\tthis.renderView();\n\t}\n\n\n\tupdate() {\n\t\t// flag rerendering\n\t\tthis.rerenderCheck.flag = true;\n\t}\n\n\trenderView() {\n\n\t\t// restore original attribute values from mergers\n\t\tfor( const merger of this.mergers ) {\n\t\t\tmerger.reset();\n\t\t}\n\t\t// delete old mergers\n\t\tthis.mergers = [];\n\n\t\t// destroy old view if there is any\n\t\tif( this.view ) this.view.destroy();\n\n\t\tlet viewName = this.getExpressionValue();\n\n\t\t// create view baed on its context\n\t\tthis.view = create( viewName, this.context );\n\n\t\t// stop rendering if there is no valid view\n\t\tif( !this.view ) return;\n\n\n\t\t// inital execute render expression so the view data is correctly set\n\t\tthis.expressions.forEach( expr => {\n\t\t\tif( hasInital( expr ) ) expr.inital();\n\t\t} );\n\n\t\t// check for scope view that need the inner content of this node\n\t\tif( isScope( this.view ) ) this.view.prepareContent( this.node, this.template );\n\n\t\t// register inner templates\n\t\tfor (const template of this.innerTemplates ) {\n\t\t\tthis.view.registry.add( template.name, () => {\n\t\t\t\t// if there is a template expression for the data invoke it with this context.\n\t\t\t\tconst data = ( template.data ) ? compile( template.data, [ 'data' ] ).call( this.context, this.context.data ) : this.context.data;\n\t\t\t\treturn new View( { template:template.template, data } );\n\t\t\t})\n\t\t}\n\n\t\t// render the view to merge it afterwards\n\t\tthis.view.template.render();\n\n\t\t// properly set the view attribute based on the registred key\n\t\tthis.node.setAttribute( 'view', this.getViewName( viewName ) );\n\n\t\t// define what attributes should merge from outside/inside\n\t\tthis.mergeNodes();\n\n\n\t\t// subscribe on data events after render\n\t\tthis.expressions.forEach( expr => {\n\t\t\tif( expr instanceof DataEventExpression ) expr.updateSubscription();\n\t\t} );\n\n\t\t// make sure rerender check is last\n\t\tthis.rerenderCheck.subscribe();\n\n\t\t// call init after node is correctly set\n\t\tinvokeInit( this.view );\n\t}\n\n\n\n\n\t/**\n\t * Parses node attributes of this view node\n\t */\n\tparseAttributes() {\n\n\t\tlet attrs = Array.prototype.slice.call( this.node.attributes );\n\n\t\tfor( const attr of attrs ) {\n\n\t\t\t// check on data expression\n\t\t\tif( attr.name == 'data' ) {\n\t\t\t\tlet dataExpr = new DataExpression( this, attr.value );\n\t\t\t\tthis.rerenderCheck = new RerenderCheck( this, attr.value + ' ' + this.node.getAttribute( 'view' ) );\n\t\t\t\tthis.node.removeAttribute( attr.name );\n\t\t\t\tthis.expressions.unshift( dataExpr ); // make sure data is set first\n\t\t\t} else {\n\t\t\t\tthis.rerenderCheck = new RerenderCheck( this, this.node.getAttribute( 'view' ) );\n\t\t\t}\n\n\t\t\t// check on data attribite expression\n\t\t\tif( attr.name.indexOf( 'data-' ) == 0 ) {\n\t\t\t\tlet expr = new DataAttributeExpression( this, attr.value, snakeToCamel( attr.name.substring( 5 ) ) );\n\t\t\t\tthis.node.removeAttribute( attr.name );\n\t\t\t\tthis.expressions.push( expr );\n\t\t\t}\n\n\t\t\t// handle propertyChanged events\n\t\t\tif( attr.name.indexOf( 'on-data-' ) == 0 ) {\n\t\t\t\tlet event = snakeToCamel( attr.name.replace( 'on-data-', '' ) );\n\t\t\t\tlet eventExpression = new AttributeEventExpression( this, attr.value, event );\n\t\t\t\tthis.node.removeAttribute( attr.name );\n\t\t\t\tthis.expressions.push( eventExpression );\n\t\t\t}\n\n\t\t\t// handle custom signal events\n\t\t\tif( attr.name.indexOf( 'on-' ) == 0 ) {\n\t\t\t\tlet event = snakeToCamel( attr.name.replace( 'on-', '' ) );\n\t\t\t\tlet expr = new SignalEventExpression( this, attr.value, event );\n\t\t\t\tthis.node.removeAttribute( attr.name );\n\t\t\t\tthis.expressions.push( expr );\n\t\t\t}\n\n\t\t}\n\t}\n\n\n\tparseInnerTemplates( ) {\n\t\t// parse all <template name=\"...\"> nodes\n\t\tconst templateNodes = this.node.querySelectorAll( 'template' );\n\t\tthis.innerTemplates = Array.from( templateNodes ).map( node => {\n\t\t\tnode.parentNode.removeChild( node );\n\t\t\treturn {\n\t\t\t\tname: node.getAttribute( 'name' ),\n\t\t\t\ttemplate: node.innerHTML,\n\t\t\t\tdata: node.getAttribute( 'data' )\n\t\t\t}\n\t\t});\n\n\t\t// if there is an inner content auto register as 'Content?\n\t\tif( this.node.innerHTML != '' ) {\n\t\t\tthis.innerTemplates.push( {\n\t\t\t\tname: 'Content',\n\t\t\t\ttemplate: this.node.innerHTML,\n\t\t\t\tdata: undefined\n\t\t\t})\n\t\t}\n\t}\n\n\n\tdestroy() {\n\t\tif( this.view ) this.view.destroy();\n\t\tfor( const exp of this.expressions ) {\n\t\t\texp.destroy();\n\t\t}\n\t\tthis.rerenderCheck.destroy();\n\t}\n\n\n\n\t/**\n\t * Merges inner view node with the other view node.\n\t */\n\tmergeNodes() {\n\n\t\t// get all attributes from outside and inside and make them unique\n\t\tlet attributes = Array.prototype.slice.call( this.node.attributes ).concat( Array.prototype.slice.call( this.view.node.attributes ) ).map( attr => attr.name );\n\t\tattributes = attributes.filter( ( item, i ) => attributes.indexOf( item ) === i );\n\n\t\t// merge each attribute\n\t\tattributes.forEach( attr => {\n\n\t\t\tlet merger = new AttributeMerger( this.node, attr );\n\t\t\tmerger.setupInner( this.view.template );\n\t\t\tmerger.setupOuter( this.template );\n\t\t\tmerger.update();\n\n\t\t\tthis.mergers.push( merger );\n\t\t} );\n\n\t\t// empty target node\n\t\tthis.node.innerHTML = '';\n\n\t\t// copy children\n\t\twhile( this.view.node.hasChildNodes() ) {\n\t\t\tthis.node.appendChild( this.view.node.firstChild );\n\t\t}\n\n\n\t\t// adjust event expressions to new node\n\t\tlet eventExpressions = this.view.template.filterExpressions( expr => expr instanceof NodeEventExpression && expr.node == this.view.node ) as NodeEventExpression[];\n\t\teventExpressions.forEach( expr => {\n\t\t\texpr.node = this.node;\n\t\t\texpr.updateSubscription(); // will reregister on new target\n\t\t} );\n\n\t\t// properly setup node refenrence\n\t\tthis.view.template.node = this.node;\n\n\t}\n\n\n\tgetViewName( key: any ) {\n\t\tif( typeof key == 'string' ) return key;\n\t\tif( typeof key == 'function' ) return key.toString().match( /function\\s(.*?)\\(/ )[ 1 ];\n\t\tif( typeof key == 'object' && key !== null ) {\n\t\t\t// match es6 class\n\t\t\tlet m = key.constructor.toString().match( /class\\s(.*?)\\s/ );\n\t\t\tif( m ) return m[ 1 ];\n\t\t\t// match es5 class\n\t\t\tm = key.constructor.toString().match( /function\\s(.*?)\\(/ );\n\t\t\tif( m ) return m[ 1 ];\n\t\t}\n\t\treturn '';\n\t}\n\n}\n\n\n/**\n * This class monitors expression on data attributes like: <div view=\"..\" data-name=\"[[ my expression ]]\"></div>\n */\nclass DataAttributeExpression extends RenderExpression {\n\n\tattribute: string;\n\tviewExpression: ViewExpression;\n\n\tconstructor( viewExpression: ViewExpression, expression: string, attribute: string ) {\n\t\tsuper( viewExpression.context, expression );\n\t\tthis.attribute = attribute;\n\t\tthis.viewExpression = viewExpression;\n\t}\n\n\tupdate() {\n\t\tthis.viewExpression.view.data[ this.attribute ] = this.getExpressionValue();\n\t}\n}\n\n/**\n * This class monitors expression on data the attributes like: <div view=\"..\" data=\"[[ my expression ]]\"></div>\n */\nclass DataExpression extends RenderExpression {\n\n\tviewExpression: ViewExpression;\n\n\tconstructor( viewExpression: ViewExpression, templateString: string ) {\n\t\tsuper( viewExpression.context, templateString );\n\t\tthis.viewExpression = viewExpression;\n\t}\n\n\tinital() {\n\t\tconst d = this.getExpressionValue();\n\t\t// only set data if there is a valid data\n\t\tif( d != undefined ) this.viewExpression.view.data = d;\n\t}\n\n\tupdate() {\n\t\t// flag rerendering\n\t\tthis.viewExpression.rerenderCheck.flag = true;\n\t}\n}\n\n\n\n\n/**\n * Super\n */\nclass DataEventExpression extends ClosureExpression {\n\n\tviewExpression: ViewExpression;\n\n\tconstructor( viewExpression: ViewExpression, expression: string ) {\n\t\tsuper( viewExpression.context, expression );\n\t\tthis.viewExpression = viewExpression;\n\t}\n\n\tupdateSubscription() {\n\n\t}\n}\n/**\n * This class monitors expression of data events like: <div view=\"..\" on-data-attribute=\"[[ demo = event.value ]]\"></div>\n */\nclass AttributeEventExpression extends DataEventExpression {\n\n\tattribute: string;\n\tarraySubscription:Subscription;\n\n\tconstructor( viewExpression: ViewExpression, expression: string, attribute: string ) {\n\t\tsuper( viewExpression, expression );\n\t\tthis.attribute = attribute;\n\t}\n\n\tupdateSubscription() {\n\n\t\tlet data = this.viewExpression.view.data as any;\n\t\tif (!data) { return; }\n\n\t\t// register on view data\n\t\tlet d = observeProperties( data, this.attribute );\n\t\tthis.subscribe( d.propertyChange.filter( e => e.name == this.attribute ) );\n\n\t\t// register on array changes if its an array attribute\n\t\tlet value = data[ this.attribute ];\n\t\tif( Array.isArray( value ) ) this.subscribeArray( observeArray( value ).arrayChange );\n\n\t\t// inital invoke to adjust values outside\n\t\tthis.invoke();\n\t}\n\n\tinvoke() {\n\t\tsuper.invoke( { name: this.attribute, value: this.viewExpression.view.data[ this.attribute ] } );\n\t}\n\n\tsubscribeArray( observable:Observable<any> ) {\n\t\tthis.unsubscribeArray();\n\t\tthis.arraySubscription = observable.subscribe( this.invoke.bind( this ) );\n\t}\n\n\tunsubscribeArray() {\n\t\tif( this.arraySubscription ) this.subscription.unsubscribe();\n\t}\n\n\tdestroy() {\n\t\tsuper.destroy();\n\t\tthis.unsubscribeArray();\n\t}\n}\n\n/**\n * This class subscribes model signals and invokes the corresponding closure like: <div on-my-signal=\"[[ ... ]]\"></div>\n */\nclass SignalEventExpression extends DataEventExpression {\n\n\tsignalName: string;\n\n\tconstructor( viewExpression: ViewExpression, expression: string, signalName: string ) {\n\t\tsuper( viewExpression, expression );\n\t\tthis.signalName = signalName;\n\t}\n\n\tupdateSubscription() {\n\n\t\tconst data = this.viewExpression.view.data;\n\t\tif (!data) { return; }\n\t\t// check for valid signal and subscribe\n\t\tlet signal = data[ this.signalName ];\n\n\t\tif( signal instanceof Signal ) {\n\t\t\tthis.subscribe( signal );\n\t\t}\n\t}\n}\n\n\nclass AttributeMerger {\n\n\tnode: Element;\n\tattr: string;\n\tinner: AttributeExpression;\n\touter: AttributeExpression;\n\n\tconstructor( node: Element, attr: string ) {\n\t\tthis.node = node;\n\t\tthis.attr = attr;\n\t}\n\n\tsetupInner( template: Template ) {\n\t\tthis.inner = template.filterExpressions( expr => expr instanceof AttributeExpression && expr.node == template.node && expr.attribute.name == this.attr )[ 0 ] as AttributeExpression;\n\t\tif( this.inner && !( this.inner instanceof ViewExpression ) ) {\n\t\t\t// use merge function to update\n\t\t\tthis.inner.update = this.update.bind( this );\n\t\t} else {\n\t\t\t// create dummy expression for later use\n\t\t\tthis.inner = new AttributeExpression( template.node, this.getAttrOf( template.node ), template.context );\n\t\t}\n\t}\n\n\tsetupOuter( template: Template ) {\n\t\tthis.outer = template.filterExpressions( expr => expr instanceof AttributeExpression && expr.node == this.node && expr.attribute.name == this.attr )[ 0 ] as AttributeExpression;\n\t\tif( this.outer && !( this.outer instanceof ViewExpression ) ) {\n\t\t\tthis.outer.update = this.update.bind( this );\n\t\t} else {\n\t\t\tthis.outer = new AttributeExpression( this.node, this.getAttrOf( this.node ), template.context );\n\t\t}\n\t}\n\n\n\tupdate() {\n\n\t\tlet outerContent = this.outer.getExpressionValue();\n\t\tlet innerContent = this.inner.getExpressionValue();\n\n\t\t// handle class attribute to join inner & outer classes\n\t\tif( this.attr == 'class' ) {\n\n\t\t\tlet classes = ( outerContent + ' ' + innerContent ).split( ' ' ).filter( c => c.length > 0 );\n\t\t\tlet list = this.node.classList;\n\n\t\t\tthis.node.setAttribute( 'class', '' ); // reset\n\t\t\tlist.add.apply( list, classes );\n\n\t\t\t// handle all regular attributes where inner wins\n\t\t} else {\n\t\t\tthis.node.setAttribute( this.attr, innerContent ? innerContent : outerContent );\n\t\t}\n\t}\n\n\tgetAttrOf( node: Element ) {\n\t\tlet attr = node.attributes[ this.attr ];\n\t\tif( !attr ) attr = { name: this.attr, value: '' };\n\t\treturn attr;\n\t}\n\n\treset() {\n\t\tthis.node.setAttribute( this.attr, this.outer.getExpressionValue() );\n\t}\n\n}\n\n\n/**\n * Observes both view=\"..\" and data=\"...\" expressions to control rendering of view\n */\nclass RerenderCheck extends RenderExpression {\n\n\tflag: boolean = false;\n\tviewExpression: ViewExpression;\n\n\tconstructor( viewExpression :ViewExpression, expression:string ) {\n\t\tsuper( viewExpression.context, expression )\n\t\tthis.viewExpression = viewExpression;\n\t}\n\n\tupdate() {\n\t\tif( this.flag ) this.viewExpression.renderView();\n\t\tthis.flag = false;\n\t}\n\n}\n","import { Registry } from '../Registry';\nimport { Template, TemplateContext } from './Template';\n\n\n\n\nexport interface ViewConfig<TData = {}> {\n\tdata?:TData,\n\ttemplate?:string|Element,\n\tregistry?:ViewRegistry,\n}\n\n\n/**\n * A common view class that has a container to render content/template into.\n */\nexport class View<TData = any> {\n\n\tprivate _template:Template;\n\n\tconstructor( config:ViewConfig<TData> = {} ) {\n\n\t\tthis._template = new Template( config.template );\n\n\t\tif( config.registry ) this._template.context.registry = config.registry;\n\t\tif( config.data ) this._template.context.data = config.data;\n\n\t\tthis._template.context.view = this;\n\t}\n\n\n\t/**\n\t * Renders the view template.\n\t * If an empty target is given, the template is rendered into to given target.\n\t * If the target is not empty, the content of the target is used as the template.\n\t */\n\tpublic render() {\n\n\t\t// do rendering of template\n\t\tthis._template.render();\n\n\t\t// everything is ready now we can invoke view's init\n\t\tinvokeInit( this );\n\t}\n\n\t/**\n\t * The init function is automatically called after the render function.\n\t * So everything is rendered and the node is ready to be used.\n\t * Overwrite the init function for custom dom manipulations.\n\t */\n\tpublic init() {\n\n\t}\n\n\t/**\n\t * Destroys properly the view\n\t */\n\tdestroy() {\n\t\tthis._template.destroy();\n\t\tinvokeDeinit( this );\n\t}\n\n\t/**\n\t * The deinit function is automatically called after the view is destroyed.\n\t * Use it to unsubscribe signals etc\n\t */\n\tpublic deinit() {\n\n\t}\n\n\n\t/**\n\t * Returns the root node of the view\n\t */\n\tget node():Element {\n\t\treturn this._template.node;\n\t}\n\n\tget data():TData {\n\t\treturn this._template.context.data as TData;\n\t}\n\tset data( d:TData ) {\n\t\tthis._template.context.data = d;\n\t}\n\n\tget context() {\n\t\treturn this._template.context;\n\t}\n\tget registry() {\n\t\treturn this._template.context.registry;\n\t}\n\tget template() {\n\t\treturn this._template;\n\t}\n}\n\n\n/**\n * A registry to lookup views\n */\nexport class ViewRegistry extends Registry<any,any,View> {}\n\n\n/**\n * A factory function that creates a view based on the given key to lookup and its context\n */\nexport function create( key:any, context:TemplateContext ) {\n\n\t/**\n\t * Lookups the viewName in the template context registry.\n\t * Furthermore it lookups in all parent template contexts\n\t */\n\tfunction lookup( key:any, context:TemplateContext ) {\n\n\t\twhile( context ) {\n\t\t\tlet found = context.registry.get( key );\n\t\t\tif( found ) return found;\n\t\t\tcontext = context.parent;\n\t\t}\n\n\t\treturn null;\n\t}\n\n\tlet factory = lookup( key, context );\n\n\t// no view found with name\n\tif( !factory ) throw new Error( \"No registered view found with name: \" + key );\n\n\tlet view = factory( key );\n\n\t/// inject parent template in context\n\tview.template.extendContext( context );\n\n\treturn view;\n}\n\n\n/**\n * Internal helper function that executes init functions on view & data\n */\nexport function invokeInit( v:View ) {\n\tif( v.data && typeof v.data[ 'init' ] == 'function' ) v.data.init();\n\tv.init();\n}\n\n/**\n * Internal helper function that executes init functions on view & data\n */\nexport function invokeDeinit( v:View ) {\n\tif( v.data && typeof v.data[ 'deinit' ] == 'function' ) v.data.deinit();\n\tv.deinit();\n}\n","import { Template } from \"../view/Template\";\n\nexport interface Scope {\n\tprepareContent( node:Element, template:Template );\n}\n\n/**\n * A guard that checks whether the specified object is a [[Scope]].\n *\n * @param obj The object that should be tested.\n */\nexport function isScope( obj:any ):obj is Scope {\n\treturn obj && obj[ 'prepareContent' ];\n}\n\n","import { compile } from './view/Compiler';\nimport { context } from './view/Template';\n\nvar _source = {};\n\nexport function source( obj:{} ) {\n\t_source = obj;\n};\n\n/**\n * translates the given key.\n */\nexport function translate( key:string, opts:{ data?:any, condition?:number } = {} ):any {\n\tif( key == undefined ) return '';\n\n\tvar def = lookup( key );\n\tif( opts.condition != undefined ) def = matchCondition( def, opts.condition );\n\tif( opts.data ) def = compile( def ).call( context, opts.data );\n\n\treturn def;\n}\n\nfunction matchCondition( value:string, num:number ) {\n\n\tvar parts = value.split( '|' );\n\n\t// check conditions\n\tvar found = parseConditions( parts, num )\n\tif( found ) return found.trim();\n\n\tif( parts.length == 1 ) return clearConditions( parts[0] );\n\n\t// check simple | split\n\treturn clearConditions( parts[ ( num == 1 ) ? 0 : 1 ] );\n}\n\n\nfunction parseConditions( parts, number:number ):string {\n\t// loop over parts\n\tfor( var i = 0; i < parts.length; i++ ) {\n\t\tvar regex = /^[\\{\\[]([^\\[\\]\\{\\}]*)[\\}\\]](.*)/;\n\t\tvar match = regex.exec( parts[i] );\n\n\t\t// no proper condition\n\t\tif( match == null || match.length != 3 ) continue;\n\n\t\tvar value = match[2];\n\t\tvar condition = match[1];\n\t\tvar num = number;\n\n\t\t// range condition\n\t\tif( condition.indexOf( ',' ) > -1 ) {\n\n\t\t\tvar [ from , to ] = condition.split( ',' );\n\n\t\t\tif ( to == '*' && num >= parseInt( from ) ) {\n\t\t\t\treturn value;\n\t\t\t} else if ( from == '*' && num <= parseInt( to ) ) {\n\t\t\t\treturn value;\n\t\t\t} else if ( num >= parseInt( from ) && num <= parseInt( to ) ) {\n\t\t\t\treturn value;\n\t\t\t}\n\n\t\t// exact condition\n\t\t} else if( parseInt( condition ) == num ) {\n\t\t\treturn value;\n\t\t}\n\t}\n}\n\nfunction clearConditions( s:string ):string {\n\treturn s.replace( /^[\\{\\[]([^\\[\\]\\{\\}]*)[\\}\\]]/, '' ).trim();\n}\n\nfunction lookup( key:string ) {\n\n\t// translate `x.y` to `data[\"x\"][\"y\"]` which is safe even when special chars are present:\n\tlet template = '[[ data' + key.split( '.' ).map( k => '[\"' + k + '\"]' ).join( '' ) + ' ]]';\n\n\t// lookup property / string in source\n\tlet result = compile( template ).call( context, _source );\n\n\t// return result only if its a valid string otherwise return key\n\treturn ( typeof result == 'string' ) ? result : key;\n}\n","import { source } from './Lang';\nimport { map, ModelRegistry } from './Model';\nimport { HttpRequest } from './Request';\nimport { compile, empty, log } from './view/Compiler';\n\n\nexport interface SetupConfig {\n\troutes?:{ [key:string]:{ url:string, method?:string, headers?:{ [key:string]:string } } },\n\tdata?:{ [key:string]:{} },\n\tassets?:{ [key:string]:{ url:string, type?:'js'|'css' } },\n\tlang?:{},\n}\n\nvar config:SetupConfig;\n\nexport function setup( c:SetupConfig, registry?:ModelRegistry ) {\n\tconfig = c;\n\n\t// setup lang translations\n\tif( config.lang ) source( config.lang );\n\n\t// map data if there is data and a registry\n\tif( config.data && registry ) {\n\t\tconfig.data = map( config.data, registry );\n\t}\n}\n\nexport function data( key:string ):any {\n\treturn lookup( key, config.data );\n}\n\nexport function asset( key ):Asset {\n\treturn new Asset( lookup( key, config.assets ) );\n}\n\n\nexport function route( key:string, urlParams:{} = {} ):HttpRequest {\n\tlet c = lookup( key, config.routes );\n\n\tif( !c ) throw new Error( \"Route: '\" + key + \"' could not be found in setup routes.\" );\n\n\tlet url =  compile( c.url ).call( { empty:empty, log:log }, urlParams );\n\tlet request = new HttpRequest( url );\n\n\tif( c.method ) request.method( c.method );\n\tif( c.headers ) request.headers( c.headers );\n\n\treturn request;\n}\n\nfunction lookup( key:string, data:any ) {\n\treturn compile( '[[ ' + key + ' ]]' ).call( { empty:empty, log:log }, data );\n}\n\n\n\ninterface AssetConfig {\n\turl: string,\n\ttype?: \"js\" | \"css\",\n}\n\n\n\nclass Asset {\n\n\t// store which assets are already loaded.\n\tstatic promises:{ [index:string]: Promise<void> } = {};\n\n\tconfig:AssetConfig;\n\n\n\tconstructor( config:AssetConfig ) {\n\t\tif( !config.type ) config.type = this.guessType( config.url );\n\t\tthis.config = config;\n\t}\n\n\n\tload():Promise<void> {\n\n\t\t// if not loaded create promise\n\t\tif( !Asset.promises[ this.config.url ] ) {\n\t\t\t( this.config.type == \"js\" ) ? this.loadScript() : this.loadCSS();\n\t\t}\n\n\t\treturn Asset.promises[ this.config.url ];\n\t}\n\n\t/**\n\t * Loads a js file into dom\n\t */\n\tprivate loadScript() {\n\n\t\tvar url = this.config.url;\n\n\t\tAsset.promises[ url ] = new Promise<void>( ( resolve, reject ) => {\n\t\t\tvar element = document.createElement( 'script' );\n\t\t\telement.src = url;\n\t\t\telement.addEventListener( 'load', event => resolve() );\n\t\t\telement.addEventListener( 'error', event => reject() );\n\t\t\tdocument.body.appendChild( element );\n\t\t}).then( event => {\n\t\t\tthis.finalize( url );\n\t\t});\n\t}\n\n\t/**\n\t * Loads a css file into the dom\n\t */\n\tprivate loadCSS() {\n\n\t\tvar url = this.config.url;\n\n\t\tAsset.promises[ url ] = new Promise<void>( ( resolve, reject ) => {\n\t\t\tvar element = document.createElement( 'link' );\n\t\t\telement.type = 'text/css';\n\t\t\telement.rel = 'stylesheet';\n\t\t\telement.href = url;\n\t\t\telement.addEventListener( 'load', event => resolve() );\n\t\t\telement.addEventListener( 'error', event => reject() );\n\t\t\tdocument.head.appendChild( element );\n\t\t}).then( event => {\n\t\t\tthis.finalize( url );\n\t\t});\n\t}\n\n\tprivate finalize( url:string ) {\n\t\tAsset.promises[ url ] = new Promise<void>( ( resolve, reject ) => resolve() );\n\t}\n\n\t/**\n\t * Guesses the type based on the given url\n\t */\n\tprivate guessType( url:string ):\"js\"|\"css\" {\n\t\treturn ( url.split('.').pop() == \"js\" ) ? 'js' : 'css';\n\t}\n}\n\n","import { Signal } from './Signal';\nimport { Registry } from './Registry';\nimport { PropertyObserver, PropertyChanged, observeProperties } from './Observer';\n\n\n\n\n/**\n * A common model class that has getters and setters\n */\nexport class Model implements PropertyObserver {\n\n\t/**\n\t * Raised when a property's value has changed.\n\t *\n\t * @event\n\t */\n\tpublic propertyChange:Signal<PropertyChanged>;\n\n\n\tconstructor( dto?:object ) {\n\t\tif( dto ) {\n\t\t\tObject.assign( this, dto );\n\t\t\tobserveProperties( this );\n\t\t}\n\t}\n}\n\n\n\n\n\n\n\n/**\n * A registry for modelName to Model class mappings\n */\nexport class ModelRegistry extends Registry<string,object,Model> {}\n\n/**\n * This helper function maps objects in the given data on registered models\n * @param data The data structure to map models\n * @param registry The registry to lookup model defintions\n * @param property the object property to lookup keys\n */\nexport function map( data:any, registry:ModelRegistry, lookup?:( obj:object ) => string ) {\n\n\tif( !lookup ) lookup = ( obj:any ) => obj.modelName || 'default';\n\n\t// handle arrays\n\tif( Array.isArray( data ) ) {\n\t\tdata = data.map( item => map( item, registry, lookup ) );\n\t}\n\n\t// handle objects\n\tif( data && data.constructor == Object ) {\n\n\t\tlet factory = registry.get( lookup( data ) );\n\n\t\tObject.keys( data ).forEach( name => {\n\t\t\tdata[ name ] = map( data[ name ], registry, lookup );\n\t\t});\n\n\t\treturn ( factory ) ? factory( data ) : data;\n\t}\n\n\treturn data;\n}\n","import { Signal } from \"./Signal\";\n\n\ninterface ProgressSignal {\n\tloaded: number,\n\ttotal: number\n}\n\n/**\n * HttpRequest Class\n */\n\nexport class HttpRequest {\n\n\tprotected _method: string = 'GET';\n\tprotected _url: string;\n\tprotected _headers: { [key: string]: string } = {};\n\tprotected request: XMLHttpRequest;\n\n\t/** @event */\n\tpublic progress: Signal<ProgressSignal> = new Signal<ProgressSignal>();\n\n\n\t/**\n\t * Create a new instance with the given url\n\t * @param url\n\t */\n\tconstructor(url: string) {\n\t\tthis._url = url;\n\n\t\tthis.request = new XMLHttpRequest();\n\t\tthis.request.onprogress = (event) => {\n\t\t\tthis.progress.dispatch(event);\n\t\t}\n\t}\n\n\t/**\n\t * Set the method for the request\n\t * @param method\n\t */\n\tpublic method(method: string): HttpRequest {\n\t\tthis._method = method;\n\t\treturn this;\n\t}\n\n\t/**\n\t * Set the headers for the request\n\t * @param headers\n\t */\n\tpublic headers(headers: {}): HttpRequest {\n\t\tObject.assign( this._headers, headers );\n\t\treturn this\n\t}\n\n\t/**\n\t * Send/Load the request without sending data\n\t */\n\tpublic load(): Promise<string | {}> {\n\t\treturn this.sendRequest().then(this.parseJson);\n\t}\n\n\t/**\n\t * Send the request with the given data\n\t * @param data\n\t */\n\tpublic send(data: any): Promise<string | {}> {\n\t\treturn this.sendRequest(data).then(this.parseJson);\n\t}\n\n\t/**\n\t * Returns the full url of the request\n\t * @returns The url of the request\n\t */\n\tpublic url(): string {\n\t\treturn this._url;\n\t}\n\n\t/**\n\t * Creates a json api request to a specific subpath.\n\t * It presets the method to POST and the headers to application/json.\n\t * It further sends the given data as json body.\n\t * @param path The relative path for the json api request\n\t * @param data The data for the json api requests\n\t */\n\tpublic jsonApi<Response>(path: string, data: object = {}): Promise<Response> {\n\n\t\tconst sub = this.relative( path );\n\t\tsub.headers( { 'Accept': 'application/json', 'Content-Type': 'application/json' } );\n\t\tsub.method('POST');\n\t\treturn sub.send(JSON.stringify(data)).then((reponse: { data?: object, errors?: Array<object>; }) => {\n\t\t\tif (reponse.data) return reponse.data as unknown as Response;\n\t\t\tif (reponse.errors) {\n\t\t\t\t// TODO: Better handling of errors\n\t\t\t\tRequest.error.dispatch({ error: reponse.errors.join(',') });\n\t\t\t}\n\t\t});\n\t}\n\n\n    /**\n     * Creates a new HttpRequest that is relative to this one.\n     * It copies all seetings from this request\n     */\n    public relative( path:string ):HttpRequest {\n        const fullPath = (this._url.endsWith('/') ? this._url.slice(0, -1) : this._url) + (path.startsWith('/') ? path : '/' + path);\n        const child = new HttpRequest( fullPath );\n        child.headers( this._headers );\n        child.method( this._method );\n        return child;\n    }\n\n\t/**\n\t * Open and send the request with the given parameters\n\t * and data\n\t * @param data\n\t */\n\tprivate sendRequest(data: any = null): Promise<string> {\n\n\t\tvar request = this.request;\n\t\tvar promise = this.promise(request);\n\n\t\trequest.open(this._method, this._url);\n\n\t\tObject.keys(this._headers).forEach(key => {\n\t\t\trequest.setRequestHeader(key, this._headers[key]);\n\t\t});\n\n\t\trequest.send(data);\n\n\t\treturn promise;\n\t}\n\n\t/**\n\t * Create a promise with the request\n\t * The promise resolves in case of a successful request - jejects otherwise\n\t */\n\tprivate promise(request: XMLHttpRequest) {\n\t\treturn new Promise<string>((resolve, reject) => {\n\n\t\t\tvar errorHandler = function () {\n\t\t\t\tRequest.error.dispatch({ error: request.statusText });\n\t\t\t\treject(Error(request.statusText));\n\t\t\t}\n\n\t\t\trequest.onload = function () {\n\t\t\t\tif (request.status >= 200 && request.status < 300) {\n\t\t\t\t\tresolve(request.responseText);\n\t\t\t\t} else {\n\t\t\t\t\terrorHandler();\n\t\t\t\t}\n\t\t\t};\n\n\t\t\trequest.onerror = errorHandler;\n\t\t});\n\t}\n\n\t/**\n\t * tries to parse response otherwise returns original string data\n\t */\n\tprivate parseJson(data: string): string | {} {\n\t\ttry {\n\t\t\tdata = JSON.parse(data)\n\t\t\treturn data;\n\t\t} catch (e) {\n\t\t\treturn data;\n\t\t}\n\t}\n}\n\ninterface ErrorSignal {\n\terror: string\n}\n\n/**\n * Static Request Class\n */\nexport class Request {\n\n\t/** @event */\n\tpublic static error: Signal<ErrorSignal> = new Signal<ErrorSignal>();\n\t/**\n\t * Creates a new post HttpRequest\n\t */\n\tpublic static post(url: string): HttpRequest {\n\t\treturn new HttpRequest(url).method('POST');\n\t}\n\n\t/**\n\t * Creates a new get HttpRequest\n\t */\n\tpublic static get(url: string): HttpRequest {\n\t\treturn new HttpRequest(url).method('GET');\n\t}\n\n\t/**\n\t * Creates a new put HttpRequest\n\t */\n\tpublic static put(url: string): HttpRequest {\n\t\treturn new HttpRequest(url).method('PUT');\n\t}\n\n\t/**\n\t * Creates a new delete HttpRequest\n\t */\n\tpublic static delete(url: string): HttpRequest {\n\t\treturn new HttpRequest(url).method('DELETE');\n\t}\n}\n","import { Subscription, observable } from '../Signal';\nimport { empty, hasExpression, log, debug } from './Compiler';\nimport { Expression, snakeToCamel } from './expressions/Expression';\nimport { ViewExpression } from './expressions/ViewExpression';\nimport { ViewRegistry } from './View';\nimport { translate } from '../Lang';\nimport { data, route, asset } from '../Setup';\nimport { isPropertyObserver } from '../Observer';\nimport { RenderExpression, TextExpression, CSSExpression, AttributeExpression } from './expressions/RenderExpression';\nimport { NodeEventExpression } from './expressions/ClosureExpression';\n\n\nexport interface TemplateContext {\n\tregistry:ViewRegistry,\n\tdata: {},\n\t[x: string]: any\n}\n\n\nexport class Template {\n\n\tpublic node:Element;\n\tpublic context:TemplateContext;\n\tpublic expressions:Array<Expression> = [];\n\tpublic content:string|Element;\n\n\tprivate dataSubscription:Subscription;\n\n\tconstructor( content:string|Element ) {\n\t\tthis.content = content;\n\t\tthis.context = {\n\t\t\tdata: {},\n\t\t\tregistry: new ViewRegistry(),\n\t\t}\n\n\t\tObject.setPrototypeOf( this.context, context );\n\t}\n\n\trender() {\n\n\t\tthis.node = ( this.content instanceof Element ) ? this.content : createNode( this.content );\n\n\t\t// inject template reference\n\t\tthis.node['template'] = this;\n\n\t\t// recusive search for expression\n\t\tthis.traverse();\n\n\t\t// initial render\n\t\tthis.expressions.forEach( expr => {\n\t\t\tif( expr instanceof RenderExpression ) expr.inital();\n\t\t})\n\t}\n\n\ttraverse() {\n\n\t\t// handle children\n\t\tlet treeWalker = document.createTreeWalker( this.node, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, null );\n\n\t\tlet current:Node = this.node;\n\n\t\twhile( current ) {\n\t\t\tthis.processNode( current as Element|Text );\n\n\t\t\t// dont dig into view nodes\n\t\t\tif( current instanceof Element && current.getAttribute( 'view' ) ) {\n\t\t\t\tcurrent = treeWalker.nextSibling();\n\t\t\t\t// there is no sibling if it is the last child - goto ancestor's sibling\n\t\t\t\tif( !current ) {\n\t\t\t\t\twhile( treeWalker.parentNode() ) {\n\t\t\t\t\t\tif( current = treeWalker.nextSibling() ) break;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tcurrent = treeWalker.nextNode();\n\t\t}\n\t}\n\n\tprocessNode( node:Element|Text ) {\n\n\t\t// check on text node\n\t\tif( node instanceof Text ) {\n\n\t\t\t// only if there is an expression\n\t\t\tif( hasExpression( node.nodeValue ) ) {\n\t\t\t\tthis.expressions.push( new TextExpression( node, this.context ) );\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\t// handle <.. view=\"...\"> nodes\n\t\tif( node.getAttribute( 'view' ) ) {\n\t\t\tthis.processAttributes( node );\n\n\t\t\tlet expr = new ViewExpression( node, this );\n\t\t\tthis.expressions.push( expr );\n\n\t\t\treturn;\n\t\t}\n\n\t\t// handle events and attribute expressions\n\t\tthis.processAttributes( node );\n\t}\n\n\n\n\tprocessAttributes( node:Element ) {\n\n\t\tArray.prototype.slice.call( node.attributes ).forEach( ( attr:Attr ) => {\n\n\t\t\t// do not create expressions for view= and data-..= attributes\n\t\t\tif( attr.name.indexOf( 'data' ) >= 0 || attr.name == 'view' ) return;\n\n\t\t\t// handle node events\n\t\t\tif( attr.name.indexOf( 'on-' ) == 0 ) {\n\t\t\t\tlet event = snakeToCamel( attr.name.replace( 'on-', '' ) );\n\n\t\t\t\t// check if its a native node event - check on \"on..\" property like \"onclick\"\n\t\t\t\tif( node[ 'on' + event ] !== undefined ) {\n\t\t\t\t\tlet expr = new NodeEventExpression( this.context, attr.value, event, node );\n\t\t\t\t\tthis.expressions.push( expr );\n\t\t\t\t\tnode.removeAttribute( attr.name );\n\t\t\t\t}\n\n\t\t\t// handle attribute expressions & ignore view data attributes & ignore\n\t\t\t} else if( hasExpression( attr.value ) ) {\n\t\t\t\tlet kind = ( attr.name == \"class\" ) ? CSSExpression : AttributeExpression;\n\t\t\t\tlet expr =  new kind( node, attr, this.context );\n\t\t\t\tthis.expressions.push( expr );\n\t\t\t}\n\t\t});\n\t}\n\n\n\n\tdestroy() {\n\t\tthis.expressions.forEach( expr => expr.destroy() );\n\t}\n\n\t/**\n\t * Returns an array of expressions with the given filter\n\t * @param filter the callback for the filter\n\t */\n\tfilterExpressions( filter:( expr:Expression ) => boolean ) {\n\t\treturn this.expressions.filter( filter );\n\t}\n\n\t/**\n\t * Extends this context from the given parent context.\n\t * Injecting the parent reference and setup prototype chain\n\t * @param parent The parent context\n\t */\n\textendContext( parent:TemplateContext ) {\n\t\tthis.context.parent = parent;\n\t\tObject.setPrototypeOf( this.context, parent );\n\t}\n\n}\n\n\nfunction createNode( html:string ) {\n\n\tlet template = document.createElement( 'template' );\n\ttemplate.innerHTML = html;\n\n\t// if template has one root node, return that\n\tif( template.content.children.length == 1 ) {\n\t\treturn template.content.children[0];\n\n\t// if template has multiple root nodes wrap them into a div\n\t} else {\n\t\tlet temp = document.createElement('div' );\n\t\ttemp.appendChild( template.content );\n\t\treturn temp;\n\t}\n}\n\n\n\n\n\n/**\n * The global template context that is available as \"this...\" in all template expressions\n */\nexport var context:any = {\n\tlogging: false,\n\tempty: empty,\n\tlog: ( ...params ) => {\n\t\tif( !context.logging ) return;\n\t\tlog( ...params );\n\t},\n\t// inject translations\n\ttrans: translate,\n\t// inject setup helpers\n\tsetup: {\n\t\tdata:data,\n\t\troute:route,\n\t\tasset:asset\n\t},\n\t// inject debugger\n\tdebug: () => {\n\t\tdebugger;\n\t}\n}\n\n\n/**\n * A helper function to template scan on a node or a html string.\n * @param opts.root The root node or html string to scan for expressions\n * @param opts.registry The view registry to lookup views in view=\"..\" expressions\n * @param opts.data The data passed into the template.\n */\nexport function scan( opts:{ root:Element|string, registry?:ViewRegistry, data?:any } ) {\n\tlet template = new Template( opts.root );\n\n\t// setup registry\n\tif( opts.registry ) template.context.registry = opts.registry;\n\n\t// setup data\n\tif( opts.data ) template.context.data = opts.data;\n\n\ttemplate.render();\n\n\treturn template;\n}\n\n\n\n\n\n\n\n","import { Model } from \"../Model\";\nimport { observeArray, observeProperties } from \"../Observer\";\nimport { Subscription } from \"../Signal\";\nimport { Template } from \"../view/Template\";\nimport { View } from \"../view/View\";\nimport { Scope } from \"./Scope\";\n\n\nexport class Repeat<Type extends RepeatModel = RepeatModel> extends View<Type> implements Scope {\n\n\tprotected itemTemplate: string;\n\tprotected arraySubscription: Subscription;\n\tprotected dataSubscription: Subscription;\n\n\tprotected cache: Map<any, Template> = new Map();\n\n\tconstructor(config?) {\n\t\tsuper({ template: '', data: new RepeatModel(), ...config });\n\t}\n\n\tprepareContent(node: Element, template: Template) {\n\t\tthis.itemTemplate = node.innerHTML;\n\t}\n\n\tinit() {\n\t\tthis.onDataChange();\n\t}\n\n\tdeinit() {\n\t\tthis.unsubscribe();\n\n\n\t\t// destroy all templates.\n\t\tfor (const template of this.cache.values() ) {\n\t\t\ttemplate.destroy();\n\t\t}\n\t}\n\n\tonDataChange() {\n\t\tthis.unsubscribe();\n\t\tthis.subscribe();\n\n\t\tthis.renderItems();\n\t}\n\n\n\trenderItems() {\n\n\t\t// check for valid array\n\t\tlet items = this.data.items;\n\t\tif (!Array.isArray(items)) items = [];\n\n\t\t// create new cache.\n\t\tlet existing = this.cache;\n\t\tthis.cache = new Map();\n\n\t\titems.forEach((item, index) => {\n\n\t\t\tlet cacheKey = this.data.getCacheKey( item );\n\n\t\t\t// check if template is already rendered\n\t\t\tlet template = existing.get( cacheKey );\n\n\t\t\t// no already rendered template - create it\n\t\t\tif( !template ) {\n\t\t\t\ttemplate = this.createTemplate(items, item, index);\n\n\t\t\t} else {\n\t\t\t\t// remove from existing cache to prevent removing template\n\t\t\t\texisting.delete( cacheKey );\n\t\t\t}\n\n\t\t\tthis.cache.set( cacheKey, template );\n\t\t\t// adjust template order in node\n\t\t\tthis.node.insertBefore( template.node, this.node.childNodes?.[ index ] );\n\t\t});\n\n\t\t// remove old templates\n\t\texisting.forEach( ( template, item ) => {\n\t\t\ttemplate.node?.parentNode?.removeChild( template.node );\n\t\t\ttemplate.destroy();\n\t\t});\n\t}\n\n\n\n\n\n\tcreateTemplate(items: Array<any>, item: any, index: number) {\n\n\t\t// create template if not in cache\n\t\tlet template = new Template(this.itemTemplate);\n\t\tlet data = {\n\t\t\tparent: this.template.context.parent.data,\n\t\t\tindex: index,\n\t\t\titems: items,\n\t\t\tisFirst: item == items[0],\n\t\t\tisLast: item == items[items.length - 1],\n\t\t};\n\n\t\t// inject item\n\t\tdata[this.data.as] = item;\n\n\t\ttemplate.context.data = data;\n\t\ttemplate.extendContext(this.template.context);\n\n\t\ttemplate.render();\n\n\t\treturn template;\n\t}\n\n\t/**\n\t * Subscribes to the data\n\t */\n\tsubscribe() {\n\t\tthis.dataSubscription = observeProperties(this.data, 'items')?.propertyChange.filter(c => c.name == 'items').subscribe(this.onDataChange.bind(this));\n\t\tthis.arraySubscription = observeArray(this.data.items)?.arrayChange.subscribe(this.onDataChange.bind(this));\n\t}\n\n\tunsubscribe() {\n\t\tthis.dataSubscription?.unsubscribe();\n\t\tthis.arraySubscription?.unsubscribe();\n\t}\n}\n\n\ninterface CacheKey {\n\t(data: any): any;\n}\n\nexport class RepeatModel extends Model {\n\n\tas: string;\n\titems: any[];\n\tcaching: boolean;\n\n\tconstructor(config?) {\n\t\tsuper({ as: 'item', items: [], caching: true, ...config });\n\t}\n\n\t/**\n\t * A setter to allow to set the length of the loop by number\n\t */\n\tset count(num: number) {\n\t\tthis.items = Array.from(Array(num).keys());\n\t}\n\n\tgetCacheKey(item: any) {\n\t\tif (this.caching === true && typeof item == 'object' ) return item;\n\t\t// create a new object for every item to have a unique key.\n\t\treturn { key:item };\n\t}\n}\n\n","/**\n * This module contains the [[Show]] helper component used to conditionally render HTML.\n */\n\n/***/\nimport { Scope } from './Scope';\nimport { Model } from '../Model';\nimport { Template } from '../view/Template';\nimport { View, create } from '../view/View';\nimport { observeProperties } from '../Observer';\nimport { Subscription } from '../Signal';\n\n/**\n * A helper view that renders the contents of its node into the DOM only if some condition is true.\n *\n * ### Basic usage:\n *\n * ```html\n * <div view=\"show\" if=\"[[someBooleanCondition]]\">\n *   This is rendered only if `someBooleanCondition` evaluates to true.\n * </div>\n * ```\n */\nexport class Show extends View<ShowModel> implements Scope {\n\n\tprivate contentTemplate:Template;\n\tprivate dataSubscription:Subscription;\n\n\tconstructor( ) {\n\t\tsuper( { template:'', data:{ if:true } } );\n\t}\n\n\tprepareContent( node:Element, template:Template ) {\n\t\tthis.contentTemplate = new Template( node.innerHTML );\n\t\tnode.innerHTML = '';\n\t}\n\n\tinit() {\n\t\tthis.checkVisibility();\n\t\tthis.dataSubscription = observeProperties( this.data, 'if' ).propertyChange.filter( e => e.name == 'if' ).subscribe( this.checkVisibility.bind( this ) );\n\t}\n\n\tcheckVisibility() {\n\t\tif( this.data.if ) {\n\t\t\t// check if its rendered\n\t\t\tif( !this.contentTemplate.node ) {\n\t\t\t\tthis.contentTemplate.context = this.template.context.parent;\n\t\t\t\tthis.contentTemplate.render();\n\t\t\t}\n\t\t\tthis.node.appendChild( this.contentTemplate.node );\n\t\t} else {\n\t\t\tif( this.contentTemplate.node )\tthis.node.removeChild( this.contentTemplate.node );\n\t\t}\n\t}\n\n\tdeinit() {\n\t\tif( this.dataSubscription ) this.dataSubscription.unsubscribe();\n\t}\n}\n\n\nclass ShowModel {\n\tif:boolean;\n}\n","import { Signal, View } from \"@lernetz/ts-lib\";\nimport template from './App.html';\n\nexport class AppView extends View {\n    constructor( config? ) {\n        super( { template, ...config } );\n    }\n}\n\nexport class AppController {\n    scrollEvent: Signal<unknown>;\n    constructor() {\n        this.scrollEvent = new Signal();\n    }\n}\n","// Module\nvar code = \"<div class=\\\"flex flex-col h-full\\\"> <div view=\\\"Navigation\\\" data-scroll-observable=\\\"[[ ctrl.scrollEvent ]]\\\"></div> <div class=\\\"h-[calc(100vh-96px)] overflow-y-auto flex flex-col\\\" on-scroll=\\\"[[ ctrl.scrollEvent.dispatch() ]]\\\"> <div view=\\\"Router\\\" class=\\\"h-full\\\"></div> </div> </div> \";\n// Exports\nexport default code;","import { Model, View } from \"@lernetz/ts-lib\";\nimport template from './Router.html';\n\n\nexport class RouterView extends View<Router> {\n\n    constructor( config?) {\n        super( { data: new Router(), template, ...config } );\n\n        this.registry.add( undefined, () => new View( { template: '' } ) );\n    }\n\n    init() {\n\n        // inject router to view context\n        this.context.router = this.data;\n\n        // listen to history back events\n        window.addEventListener( 'popstate', this.data.onPopState.bind( this.data ) );\n\n        // render current active path\n        this.data.toCurrentPath();\n    }\n\n}\n\n\nexport interface IRoute<Content> {\n    readonly name?: string;\n    test( path: string ): boolean;\n    invoke( path: string, router: Router<Content> );\n    pathOf( params: any ): string;\n}\n\nexport interface DefaultRouterContent {\n    view: any;\n    data: any;\n}\n\n\nexport class Router<RouterContent = DefaultRouterContent> extends Model {\n\n    protected routes: IRoute<RouterContent>[];\n    content: RouterContent;\n    protected _current: {\n        route: IRoute<RouterContent>,\n        path: string,\n    };\n    mode: RouterMode;\n    notFound: ( path:string ) => void;\n\n    constructor( config?: { mode?: RouterMode, routes?: IRoute<RouterContent>[]; } ) {\n        super( {\n            content: { data: {} },\n            _current: {},\n            mode: new HistoryMode(),\n            routes: [],\n            notFound: ( path ) => {\n                console.log( 'Invalid path: ' + path );\n            },\n            ...config\n        } );\n\n    }\n\n\n    /**\n     * Navigates to the given path and shows the correspondoing content and pushes the path into the history\n     * @param path the new path to go to\n     */\n    toPath( path: string ) {\n\n        // check for missing starting /\n        if( path[ 0 ] != '/' ) path = '/' + path;\n\n        // search over all routes for matches\n        for( const route of this.routes ) {\n\n            // check if current route matches\n            if( route.test( path ) ) {\n\n                this._current = { route, path };\n\n                // invoke route action\n                route.invoke( path, this );\n\n                // inform that the current path has changed\n                this.propertyChange.dispatch( { name: 'current' } );\n\n                // dont invoke another router after first match\n                return;\n            }\n        }\n\n        this.notFound( path );\n    }\n\n    /**\n     * Navigates to a route with the given name and generates the path based on the given parameters\n     * @param name The name of the route\n     * @param params The parameters for the route\n     */\n    toRoute( name: string, params: any = {} ) {\n\n        // search for route with name\n        let found = this.routes.find( r => r.name == name );\n\n        if( found ) this.toPath( found.pathOf( params ) );\n    }\n\n\n\n    /**\n     * Callback when the browser navigates in the history states\n     * @param e The event\n     */\n    onPopState( e: PopStateEvent ) {\n        //The event happens after the new location has loaded\n        // so we can simply load the current location\n        this.toCurrentPath();\n    }\n\n    /**\n     * Navigates to the current path in the URL\n     */\n    toCurrentPath() {\n        this.toPath( this.mode.readURL() );\n    }\n\n    /**\n     * Writes the given path in the URL without changing any views\n     * @param path the new path to be written\n     */\n    writeURL( path: string ) {\n        this.mode.writeURL( path );\n    }\n\n    /**\n     * Reads the current path from the URL\n     */\n    readURL(): string {\n        return this.mode.readURL();\n    }\n\n    /**\n     * Adds a new Route definition\n     * @param config\n     */\n    add( route:IRoute<RouterContent> ) {\n        this.routes.push( route );\n    }\n\n    /**\n     * Gets the current route/path object\n     */\n     get current():{ route: IRoute<RouterContent>, path: string } {\n        return this._current;\n    }\n}\n\n\n\n\n\n\nexport interface RouterMode {\n    /**\n     * Updates the URL in the browser\n     * @param path The new path to store in history\n     */\n    writeURL( path: string );\n\n\n    /**\n     * Reads the browser URL and returns the current path\n     */\n    readURL(): string;\n}\n\n\n\n\nexport class HistoryMode implements RouterMode {\n\n    base: string;\n\n    constructor( config?: { base: string; } ) {\n        Object.assign( this, { base: window.location.origin }, config );\n    }\n\n    /**\n     * Stores the new path into the browser history\n     * @param path The new path to store/write\n     */\n    writeURL( path: string ) {\n        let currentPath = window.location.href;\n        let newPath = this.base + path;\n\n        // only push if current path is different\n        if( newPath != currentPath ) history.pushState( {}, '', newPath );\n    }\n\n    /**\n     * Reads the browser url pathname and subtracts the base path\n     */\n    readURL() {\n        let url = window.location.href;\n        return ( url.indexOf( this.base, 0 ) === 0 ) ? url.substr( this.base.length ) : url;\n    }\n}\n\n/**\n * Writes / reads the path from the URL hash\n */\nexport class HashMode implements RouterMode {\n\n    writeURL( path: string ) {\n\n        let currentPath = window.location.href;\n        let newPath = window.location.href.split( \"#\" )[ 0 ] + \"#\" + path;\n\n        // only push if current path is different\n        if( newPath != currentPath ) history.pushState( {}, '', newPath );\n    }\n    readURL(): string {\n        return window.location.hash.substring( 1 );\n    }\n\n}\n","// Module\nvar code = \"<div> <div view=\\\"[[ content.view ]]\\\" data=\\\"[[ content.data ]]\\\"></div> </div> \";\n// Exports\nexport default code;","import { View } from \"@lernetz/ts-lib\";\nimport regexparam from \"regexparam\";\nimport { IRoute, Router } from \"./Router\";\n\nexport interface ContentFactory<RouterContent> {\n    ( params: any, route: Route<RouterContent> ): RouterContent;\n}\n\nexport interface RouteConfig<RouterContent> {\n    pattern: string,\n    content: ContentFactory<RouterContent>,\n    caching?: boolean,\n    name?: string;\n}\n\nexport class Route<RouterContent> implements IRoute<RouterContent> {\n\n    readonly name: string;\n\n    private pattern: Pattern;\n    private content: ContentFactory<RouterContent>;\n    private caching: boolean;\n    private cache: Map<string, RouterContent>;\n\n    constructor( config: RouteConfig<RouterContent> ) {\n        Object.assign( this, { caching: true, cache: new Map() }, config, { pattern: new Pattern( config.pattern ) } );\n    }\n\n\n    invoke( path: string, router: Router<RouterContent> ) {\n\n        // check if there is a view already in the cache\n        let content = ( this.caching && this.cache.get( path ) ) ? this.cache.get( path ) : this.content( this.pattern.params( path ), this );\n\n        // store in cache\n        if( content && this.caching ) this.cache.set( path, content );\n\n        // create route content\n        router.content = content;\n\n        // push history when go to a new path\n        router.writeURL( path );\n    }\n\n\n    /**\n     * Returns true if the given path matches this route definition\n     * @param path The path to check\n     */\n    test( path ) {\n        return this.pattern.test( path );\n    }\n\n    pathOf( params: {} ) {\n        return this.pattern.pathOf( params );\n    }\n}\n\n\ninterface RedirectAction<RouterContent> {\n    ( params: any, route: Redirect<RouterContent>, router: Router<RouterContent> ): void;\n}\n\nexport interface RedirectConfig<RouterContent> {\n    pattern: string,\n    action: RedirectAction<RouterContent>;\n}\n\nexport class Redirect<RouterContent> implements IRoute<RouterContent> {\n\n    pattern: Pattern;\n    action: RedirectAction<RouterContent>;\n\n    constructor( config: RedirectConfig<RouterContent> ) {\n        this.pattern = new Pattern( config.pattern );\n        this.action = config.action;\n    }\n\n    test( path: string ): boolean {\n        return this.pattern.test( path );\n    }\n    invoke( path: string, router: Router<RouterContent> ) {\n        this.action( this.pattern.params( path ), this, router );\n    }\n    pathOf( params: any ): string {\n        return this.pattern.pathOf( params );\n    }\n\n}\n\n\nexport class Pattern {\n\n    private pattern: string;\n    private matcher: { pattern: RegExp, keys: string[]; };\n\n    constructor( pattern: string ) {\n        this.matcher = regexparam( pattern );\n        this.pattern = pattern;\n    }\n\n    /**\n     * Tests if the given path matches this pattern\n     * @param path The path to test\n     */\n    test( path: string ) {\n        return this.matcher.pattern.test( path );\n    }\n\n\n    /**\n     * Extract parameters based on this pattern of the given path\n     * @param path the path to extract params\n     */\n    params( path ) {\n\n        let i = 0, params = {};\n        let matches = this.matcher.pattern.exec( path );\n        while( i < this.matcher.keys.length ) {\n            params[ this.matcher.keys[ i ] ] = matches[ ++i ] || null;\n        }\n\n        return params;\n    }\n\n\n    /**\n     * Returns a path of this pattern with the given parameters\n     * @param params The route pattern parameters\n     */\n    pathOf( params: {} ) {\n        return this.pattern.replace( /(\\/:[^\\/]+|\\/\\*)/gm, ( s ) => {\n            let key = s.replace( /\\/|:|\\?/gm, '' );\n            return ( params[ key ] ) ? '/' + params[ key ] : '';\n        } );\n    }\n}\n","export default function (str, loose) {\n\tif (str instanceof RegExp) return { keys:false, pattern:str };\n\tvar c, o, tmp, ext, keys=[], pattern='', arr = str.split('/');\n\tarr[0] || arr.shift();\n\n\twhile (tmp = arr.shift()) {\n\t\tc = tmp[0];\n\t\tif (c === '*') {\n\t\t\tkeys.push('wild');\n\t\t\tpattern += '/(.*)';\n\t\t} else if (c === ':') {\n\t\t\to = tmp.indexOf('?', 1);\n\t\t\text = tmp.indexOf('.', 1);\n\t\t\tkeys.push( tmp.substring(1, !!~o ? o : !!~ext ? ext : tmp.length) );\n\t\t\tpattern += !!~o && !~ext ? '(?:/([^/]+?))?' : '/([^/]+?)';\n\t\t\tif (!!~ext) pattern += (!!~o ? '?' : '') + '\\\\' + tmp.substring(ext);\n\t\t} else {\n\t\t\tpattern += '/' + tmp;\n\t\t}\n\t}\n\n\treturn {\n\t\tkeys: keys,\n\t\tpattern: new RegExp('^' + pattern + (loose ? '(?=$|\\/)' : '\\/?$'), 'i')\n\t};\n}\n","import { Model, View } from \"@lernetz/ts-lib\";\nimport { Pattern } from \"../router/Route\";\nimport { DefaultRouterContent, IRoute, Router } from \"../router/Router\";\n\nimport template from './Stack.html';\n\nexport class StackView extends View<Stack> {\n    constructor( config?) {\n        super( { template, ...config } );\n    }\n}\n\n\nexport class Stack extends Model {\n\n    private stack: Segment[];\n\n    readonly route: StackRoute;\n\n    constructor( config: { pattern: string, root: Segment, name?: string; } ) {\n        super( {} );\n        this.route = new StackRoute( { pattern: config.pattern, name: config.name, stack: this } );\n\n        this.stack = [ config.root ];\n    }\n\n\n    async invoke( fullPath: string ) {\n\n        // get all segments as array\n        let params = this.route.params( fullPath );\n        let urlSegments = params?.wild ? params.wild.split( '/' ) : [];\n\n\n        // check every index of segments if url and stack match\n        for( var index = 0; index < Math.min( this.stack.length - 1, urlSegments.length ); index++ ) {\n            if( this.stack[ index + 1 ].url != urlSegments[ index ] ) break;\n        }\n\n        // cut stack to matching index\n        // start resolving for latest matching segment\n        this.stack.splice( index + 1 );\n\n        // cut url segments to start resolving from the sgements after the match\n        urlSegments = urlSegments.slice( index );\n\n        // load resuming segments of path\n        for( const urlSeg of urlSegments ) {\n            let s = await this.top.resolve( urlSeg );\n            if( s ) this.stack.push( s );\n        }\n\n        // inform that top has changed\n        this.dispatchTop();\n    }\n\n    get top(): Segment {\n        return this.stack[ this.stack.length - 1 ];\n    }\n\n    get root() {\n        return this.stack[ 0 ];\n    }\n    set root( s: Segment ) {\n        this.stack[ 0 ] = s;\n    }\n\n    get segments() {\n        return this.stack.slice( 1 );\n    }\n\n    /**\n     * Pushes a new segment on top of the stack\n     * @param s The new segment\n     */\n    push( s: Segment ) {\n        this.stack.push( s );\n        this.dispatchTop();\n    }\n\n    /**\n     * Removes the last / top segment on the stack\n     */\n    pop(): Segment {\n        // do not pop root element\n        if( this.stack.length <= 1 ) return;\n\n        let s = this.stack.pop();\n        this.dispatchTop();\n        return s;\n    }\n\n    /**\n     * Travels back in stack to the given segment\n     * @param s the target segment\n     */\n    to( s: Segment ) {\n        let index = this.stack.indexOf( s );\n        if( index >= 0 ) {\n            this.stack.splice( index + 1 );\n            this.dispatchTop();\n        }\n    }\n\n    /**\n     * Sets the stack with the given segments\n     */\n    set( segments: Segment | Segment[] ) {\n\n        if( !Array.isArray( segments ) ) segments = [ segments ];\n\n        this.stack = [ this.root, ...segments ];\n    }\n\n    private dispatchTop() {\n        this.route.writeUrl();\n        this.propertyChange.dispatch( { name: 'top' } );\n    }\n\n}\n\n\n\nexport interface Segment {\n    resolve( urlSegment: string ): Promise<Segment>;\n    readonly url: string;\n    readonly view: any,\n    readonly data: any,\n}\n\n\n/**\n * A base class for segments that represents a model\n */\nexport class ModelSegment<T = any> implements Segment {\n\n\n    constructor( public model: T ) {\n    }\n\n    resolve( childSegment: string ): Promise<Segment> {\n        throw new Error( \"Method not implemented.\" );\n    }\n\n    get view() {\n        return this.model[ 'modelName' ];\n    }\n\n    get url() {\n        return this.model[ 'id' ];\n    }\n\n    get data() {\n        return this.model;\n    }\n}\n\n\n/**\n * Inner class that handles route logic for the router.\n */\nclass StackRoute implements IRoute<DefaultRouterContent> {\n\n    private pattern: Pattern;\n    private content: { view: string, data: Stack; };\n    private router: Router;\n\n    name: string;\n\n    constructor( config: { pattern: string, name?: string, stack: Stack; } ) {\n        this.pattern = new Pattern( config.pattern );\n        this.content = { view: 'Stack', data: config.stack };\n        this.name = config.name;\n    }\n\n    test( path: string ): boolean {\n        return this.pattern.test( path );\n    }\n    invoke( path: string, router: Router<DefaultRouterContent> ) {\n        this.router = router;\n        router.content = this.content;\n        this.stack.invoke( path );\n    }\n    pathOf( params?: any ): string {\n        return this.pattern.pathOf( { '*': this.stack.segments.map( s => s.url ).join( '/' ) } );\n    }\n    params( fullPath: string ) {\n        return this.pattern.params( fullPath ) as { wild: string; };\n    }\n    writeUrl() {\n        this.router.writeURL( this.pathOf() );\n    }\n\n    get stack() {\n        return this.content.data;\n    }\n}\n\n\n","// Module\nvar code = \"<div> <div view=\\\"[[ top.view ]]\\\" data=\\\"[[ top.data ]]\\\"></div> </div> \";\n// Exports\nexport default code;","import { View, Model } from \"@lernetz/ts-lib\";\nimport { ViewConfig } from '@lernetz/ts-lib/src/view/View';\n\nconst defaultStyles = {\n    'h1': 'text-style -h1',\n    'h2': 'text-style -h2',\n    'h3': 'text-style -h3',\n    'h4': 'text-style -h4',\n    'h5': 'text-style -h5',\n    'h6': 'text-style -h6',\n};\n\nexport class Heading extends Model {\n    html: string;\n    level: 1 | 2 | 3 | 4 | 5 | 6;\n    readonly styles?: { [ tagName:string ]:string };\n}\n\nexport class HeadingView extends View<Heading> {\n\n    private readonly _styles: { [tagName:string ]:string };\n\n    public constructor( config?:ViewConfig<Heading> ) {\n        super( { data:new Heading(), ...config } );\n    }\n\n    public init() {\n        this.update();\n    }\n\n    public update() {\n        if( this.data ) {\n            const { level, html } = this.data;\n            let validatedLevel = Number( level ) || 6;\n            if( validatedLevel < 1 || 6 < validatedLevel) validatedLevel = 6;\n            this.node.innerHTML = `<h${validatedLevel}>${html}</h${validatedLevel}>`;\n        }\n        else {\n            this.node.innerHTML = '';\n        }\n\n        this.applyStyles();\n    }\n\n    applyStyles() {\n        const walker = document.createTreeWalker( this.node, NodeFilter.SHOW_ELEMENT );\n        const styles = this?.data?.styles ?? defaultStyles;\n        while( walker.nextNode() ) {\n            const key = walker.currentNode.nodeName.toLowerCase();\n            if( key in styles ) {\n                const element = walker.currentNode as Element;\n                element.classList.add.apply( element.classList, styles[ key ].split( ' ' ) );\n            }\n        }\n    }\n}\n","import { View, Model, Template } from \"@lernetz/ts-lib\";\nimport { ViewConfig } from \"@lernetz/ts-lib/src/view/View\";\nimport { Subscription } from \"@lernetz/ts-lib/src/Signal\";\nimport { observeProperties } from \"@lernetz/ts-lib/src/Observer\";\n\nvar defaultStyles = {\n    'p': 'text-style -para',\n    'b': 'text-style -b',\n    'i': 'text-style -i',\n    'a': 'text-style -a',\n    'ul': 'text-style -list',\n    'ol': 'text-style -list',\n}\n\nexport class Html extends Model {\n    styles:{[key:string]:string};\n    html:string;\n}\n\nexport class HtmlView extends View<Html> {\n\n    subscription: Subscription;\n\n    constructor( config?:ViewConfig<Html> ) {\n        super( { data:new Html( { styles:defaultStyles } ), ...config } );\n    }\n\n    init() {\n        this.subscription = observeProperties( this.data, 'html' ).propertyChange.filter( e => e.name == 'html' ).subscribe( this.update.bind( this ) );\n        this.update();\n    }\n\n    deinit() {\n        this.subscription.unsubscribe();\n    }\n\n    update() {\n        this.node.innerHTML = this.data.html ? this.data.html : '';\n        this.applyStyles();\n        this.resolveViews();\n    }\n\n    resolveViews() {\n\n        // remove view attribute to prevent reinitalize\n        let viewName = this.node.getAttribute( 'view' );\n        this.node.removeAttribute( 'view' );\n\n        let sub = new Template( this.node );\n        // inject parent data to resolve from outside\n        sub.context.data = this.context.parent.data;\n        // add this context to prototype chaine of sub context\n        Object.setPrototypeOf( sub.context, this.context );\n\n        sub.render();\n\n        // reapply view name\n        this.node.setAttribute( 'view', viewName );\n    }\n\n    applyStyles() {\n        const walker = document.createTreeWalker( this.node, NodeFilter.SHOW_ELEMENT );\n        while( walker.nextNode() ) {\n            const key = walker.currentNode.nodeName.toLowerCase();\n            if( key in this.data.styles ) {\n                const element = walker.currentNode as Element;\n                element.classList.add.apply( element.classList, this.data.styles[key].split( ' ' ) );\n            }\n        }\n    }\n}\n","import { View, ViewConfig } from \"@lernetz/ts-lib\";\nimport template from './SvgIcon.html';\n\n\n\nexport interface SvgIconViewConfig extends ViewConfig<SvgIcon> {\n    symbols: string;\n}\n\nexport class SvgIconView extends View {\n\n    symbols: string;\n\n    constructor( config: SvgIconViewConfig ) {\n        super( { template, data: {}, ...config } );\n        this.symbols = config.symbols;\n    }\n\n\n    init() {\n        mount( this.symbols );\n    }\n\n\n}\n\nexport interface SvgIcon {\n    name: string;\n}\n\nvar mounted = false;\nexport function mount( symbols: string ) {\n    // only mount once\n    if( mounted ) return;\n\n    let div = document.createElement( 'div' );\n    div.style.display = 'none';\n    div.innerHTML = symbols;\n    let body = document.body;\n    body.insertBefore( div, body.firstChild );\n    mounted = true;\n}\n\n\n","// Module\nvar code = \"<svg class=\\\"svg-icon\\\"> <use xlink:href=\\\"#[[ name ]]\\\"/> </svg> \";\n// Exports\nexport default code;","import { View } from '@lernetz/ts-lib/src/view/View';\nimport { Model } from '@lernetz/ts-lib';\nimport template from './Paragraph.html';\n\nexport class Paragraph extends Model {\n\n    text: string;\n    widthStyle: string;\n    fontStyle: string;\n}\n\nexport class ParagraphView extends View<Paragraph> {\n\n    constructor() {\n        super( { template: template } );\n    }\n}\n","// Module\nvar code = \"<div class=\\\"element-layout -paragraph\\\"> <div view=\\\"Html\\\" data-html=\\\"[[ text ]]\\\" class=\\\"text-style -[[ fontStyle ]]\\\"></div> </div> \";\n// Exports\nexport default code;","import { View } from '@lernetz/ts-lib/src/view/View';\nimport { Model } from '@lernetz/ts-lib';\n\nimport template from './Title.html';\n\nexport class Title extends Model {\n\n    title: string;\n    level: number;\n}\n\n\nexport class TitleView extends View<Title> {\n\n    constructor() {\n        super( { template: template } );\n    }\n\n}\n","// Module\nvar code = \"<div> <div view=\\\"Heading\\\" data-html=\\\"[[ title ]]\\\" data-level=\\\"[[ level ]]\\\"></div> </div> \";\n// Exports\nexport default code;","import {compile, empty, log} from \"@lernetz/ts-lib/src/view/Compiler\";\nimport {getState} from \"../state\";\n\nclass ApiService {\n    private interceptors: Function[] = [];\n    async get(uri) {\n        const request = new Request(uri);\n        const processedRequest = this.applyInterceptors(request)\n        const res =  await fetch(processedRequest)\n        return res.json();\n    }\n\n    async post(uri, body) {\n        const request = new Request(uri, {\n            method: \"POST\",\n            body\n        });\n        const processedRequest = this.applyInterceptors(request)\n        const res =  await fetch(processedRequest)\n        return res.json();\n    }\n\n    private applyInterceptors(request: Request) {\n        let processedRequest = { ...request };\n        this.interceptors.forEach( interceptor => {\n            processedRequest = interceptor(processedRequest)\n        })\n        return processedRequest;\n    }\n\n    addInterceptor() {\n\n    }\n\n}\n\nexport const httpService = new ApiService();\n\nexport function lookup(key) {\n    const data = getState();\n    const c = compile( '[[ ' + key + ' ]]' ).call( { empty:empty, log:log }, data.routes );\n    if( !c ) throw new Error( \"Route: '\" + key + \"' could not be found in setup routes.\" );\n    return c;\n}\n\n","import {httpService} from \"./api-service\";\n// import {router} from \"./router\";\n\nclass LanguageService {\n    currentLang = 'en'\n    switchLanguage() {\n    }\n    correctUrl() {\n\n    }\n    determineLanguage() {\n        this.currentLang =\n            window.localStorage.getItem(\"lang\") ||\n            this.getLangFromBrowser() ||\n            \"de\";\n    }\n    private getLangFromBrowser() {\n        const lang = navigator.language.split(\"-\")[0];\n        return [\"en\", \"de\"].includes(lang) ? lang : null;\n    }\n\n    changeLanguage(lang, router) {\n        this.currentLang = lang;\n        window.localStorage.setItem(\"lang\", lang);\n        const uri = router.current.path;\n        const uriParts = uri.split(\"/\");\n        // immutable versions of splice and unshift\n        const newUri = [\"en\", \"de\"].includes(uriParts[1])\n            ? [...uriParts.slice(0,1), lang, ...uriParts.slice(2)]\n            : [...uriParts.slice(0,1), lang, ...uriParts.slice(1)];\n        window.location.href = newUri.join('/')\n    }\n\n    addHeaderInterceptor() {\n        httpService.addInterceptor()\n    }\n}\n\nexport const languageService = new LanguageService();\n","import {View} from \"@lernetz/ts-lib\";\nimport template from \"./author-info.component.html\";\n\nexport const authorCard = new View({ template });\n","// Module\nvar code = \"<div class=\\\"flex\\\"> <img class=\\\"object-cover mr-8 rounded-full w-36 h-36\\\" view=\\\"Image\\\" data-route=\\\"asset\\\" data-preset=\\\"original\\\" data-file_name=\\\"[[ image.file_name ]]\\\" data-ext=\\\"[[ image.ext ]]\\\"/> <div> <div class=\\\"mb-4 text-xl font-semibold leading-relaxed\\\">[[ name ]]</div> <div class=\\\"leading-relaxed\\\">[[ description ]]</div> </div> </div> \";\n// Exports\nexport default code;","import { Registry } from \"./Registry\";\n\n\nexport interface Transformation extends Registry<string, any, any> {\n    transform( data:any ):any;\n}\n\n\nexport class Gateway {\n\n    in:Transformation;\n    out:Transformation;\n\n    constructor( transformations:{ in?:Transformation, out?:Transformation } = {} ) {\n        this.in = transformations.in ?? new InTransform();\n        this.out = transformations.out ?? new OutTransform();\n    }\n}\n\n\nexport interface KeyLookup {\n    ( any ): string;\n}\n\n\nexport class InTransform extends Registry<string, any, any> implements Transformation {\n\n    lookup: KeyLookup;\n\n    constructor( lookup: KeyLookup = defaultLookup ) {\n        super();\n        this.lookup = lookup;\n    }\n\n\n    transform( data: any ) {\n\n        // handle arrays\n        if( Array.isArray( data ) ) {\n            return data.map( item => this.transform( item ) );\n        }\n\n        // handle objects\n        if( typeof data === 'object' && data !== null ) {\n\n            let factory = this.get( this.lookup( data ) );\n\n            Object.keys( data ).forEach( name => {\n                data[ name ] = this.transform( data[ name ] );\n            } );\n\n            return ( factory ) ? factory( data ) : data;\n        }\n\n        return data;\n    }\n}\n\n\n\nexport class OutTransform extends Registry<string, any, any> implements Transformation {\n\n    lookup: KeyLookup;\n\n    constructor( lookup: KeyLookup = defaultLookup ) {\n        super();\n        this.lookup = lookup;\n    }\n\n    transform( data: any ) {\n\n        let factory = this.get( this.lookup( data ) );\n        data = ( factory ) ? factory( data ) : data;\n\n        // handle arrays\n        if( Array.isArray( data ) ) {\n            data = data.map( item => this.transform( item ) );\n        }\n\n        // handle objects\n        if( typeof data === 'object' && data !== null ) {\n\n\n            Object.keys( data ).forEach( name => {\n                data[ name ] = this.transform( data[ name ] );\n            } );\n        }\n\n        return data;\n    }\n}\n\n\n\nfunction defaultLookup( d: any ) {\n    return d?.modelName || 'default';\n}\n","import { Model } from \"@lernetz/ts-lib\";\nimport { View, ViewConfig } from \"@lernetz/ts-lib/src/view/View\";\nimport { viewportDimension } from \"@lernetz/ts-lib/src/dom\";\nimport { route } from \"@lernetz/ts-lib/src/Setup\";\n\nexport class Image extends Model {\n    route:string;\n    viewWidth:number;\n    viewHeight:number;\n    [key:string]:any;\n}\n\nexport class ImageView extends View<Image> {\n\n    errorhandle;\n\n    constructor( config?:ViewConfig<Image> ) {\n        super( { data:new Image( { route:'image' } ), template:'', ...config } );\n    }\n\n    init() {\n        this.setAttributes( [ 'width', 'height' ] );\n\n        // inject\n        let viewport = viewportDimension();\n        this.data.viewWidth = viewport.width;\n        this.data.viewHeight = viewport.height;\n\n        // register for image load\n        this.errorhandle = this.onError.bind( this );\n        this.node.addEventListener( 'error', this.errorhandle );\n\n        // load image\n        this.load();\n    }\n\n    deinit() {\n        this.node.removeEventListener( 'error', this.errorhandle );\n    }\n\n    load() {\n        this.node.setAttribute( 'src', route( this.data.route, this.data ).url() );\n    }\n\n    onError( e ) {\n        this.node.setAttribute( 'src', 'https://via.placeholder.com/500x300.png?text=Error' );\n    }\n\n    setAttributes( names ) {\n        for( const name of names ) {\n            if( this.data[ name ] ) this.node.setAttribute( name, this.data[ name ] );\n        }\n    }\n}\n","\n\n/**\n * Defines scroll infomations like top, left and width, height\n * The width/height is the max value for the scrollTop/scrollLeft value.\n */\nexport interface ScrollInfo {\n\ttop:number;\n\theight:number;\n\tleft:number;\n\twidth:number;\n}\n\n/**\n * Defines a dimension with width & height\n */\nexport interface Dimension {\n\theight:number;\n\twidth:number;\n}\n\n\n\n/**\n * Returns the scroll top position of the window/body.\n */\nexport function scrollInfo():ScrollInfo {\n\n\tvar e = document.documentElement;\n\tvar b = document.body;\n\tvar doc = documentDimension();\n\tvar view = viewportDimension();\n\n\treturn {\n\t\ttop: ( e && e.scrollTop ) || b.scrollTop,\n\t\tleft: ( e && e.scrollLeft ) || b.scrollLeft,\n\t\twidth: doc.width - view.width,\n\t\theight: doc.height - view.height\n\t}\n}\n\n/**\n * Returns the dimensions of the document without the scrollbars\n */\nexport function documentDimension():Dimension {\n\treturn {\n\t\twidth: document.documentElement.offsetWidth || document.body.offsetWidth,\n\t\theight: Math.max(\t\t// Hack for IE 10 document height\n\t\t\tdocument.body.scrollHeight, document.documentElement.scrollHeight,\n\t\t\tdocument.body.offsetHeight, document.documentElement.offsetHeight,\n\t\t\tdocument.body.clientHeight, document.documentElement.clientHeight\n\t\t)\n\t}\n}\n\n\n/**\n * Returns the dimensions of the viewport including the scrollbars\n */\nexport function viewportDimension():Dimension {\n\treturn {\n\t\twidth: window.innerWidth || document.body.clientWidth,\n\t\theight: window.innerHeight || document.body.clientHeight\n\t}\n}\n\n/**\n * Returns the bounding box of this node including values for top, bottom, left, right relative to the current viewport\n */\nexport function relativeBounds( node:Element ) {\n\tlet c = node.getBoundingClientRect();\n\tlet r = {  top: c.top, left: c.left, right: c.right, bottom: c.bottom, height: c.height, width: c.width };\n\n\tif ( r.height == undefined ) r.height = r.bottom - r.top;\n\tif ( r.width == undefined ) r.width = r.right - r.left;\n\n\treturn r;\n}\n\n/**\n * Returns the bounding box of this node including values for top, bottom, left, right in absolute document coordinates\n */\nexport function absoluteBounds( node:Element ) {\n\tlet box = relativeBounds( node );\n\n\tbox.top += document.body.scrollTop || document.documentElement.scrollTop;\n\tbox.bottom += document.body.scrollTop || document.documentElement.scrollTop;\n\tbox.left += document.body.scrollLeft || document.documentElement.scrollLeft;\n\tbox.right += document.body.scrollLeft || document.documentElement.scrollLeft;\n\n\treturn box;\n}\n","import { View } from \"@lernetz/ts-lib\";\nimport { translate } from \"@lernetz/ts-lib/src/Lang\";\nimport { Image as BaseImage } from \"@lernetz/ui-components/src/image/Image\";\nimport template from './Image.html';\n\nexport class Image extends BaseImage {\n\n    caption: string;\n    image: any;\n    widthStyle: any;\n    preset: string = 'large';\n\n    constructor( dto ) {\n        super( dto );\n    }\n\n    get height() {\n        return this.image.height;\n    };\n    get width() {\n        return this.image.width;\n    }\n\n}\n\nexport class ImageView extends View<Image> {\n\n    constructor() {\n        super( {\n            template: template\n        } );\n    }\n\n    init() {\n        if( !this.data.image ) {\n            let message = translate( 'no-image' );\n            this.node.querySelector( 'img' ).setAttribute( 'src', 'https://via.placeholder.com/960x540.png?text=' + message );\n        }\n    }\n\n}\n","// Module\nvar code = \"<div> <div view=\\\"Overlay\\\" class=\\\"[[ {'hidden': !imgOverlay}]]\\\" on-signal=\\\"[[imgOverlay=false]]\\\"> <div class=\\\"flex items-center justify-center\\\"> <div class=\\\"px-8 pt-8 max-w-screen-xl\\\"> <figure> <img class=\\\"w-full\\\" view=\\\"Image\\\" data-route=\\\"asset\\\" data-preset=\\\"[[ ( image.ext == 'svg' ) ? 'original' : preset ]]\\\" data-file_name=\\\"[[ image.file_name ]]\\\" data-ext=\\\"[[ image.ext ]]\\\"/> <figcaption class=\\\"my-6 text-white text-[13px] leading-6\\\">[[ caption ]]</figcaption> </figure> </div> </div> </div> <div class=\\\"my-12 md:my-16 [[{'-mx-24': widthStyle === 'oversized'}]] relative\\\"> <figure> <div class=\\\"bg-black [[ { 'py-6': overlay } ]] relative\\\"> <img class=\\\"w-full\\\" view=\\\"Image\\\" data-route=\\\"asset\\\" data-preset=\\\"[[ ( image.ext == 'svg' ) ? 'original' : preset ]]\\\" data-file_name=\\\"[[ image.file_name ]]\\\" data-ext=\\\"[[ image.ext ]]\\\"/> <div class=\\\"absolute bottom-8 right-8\\\" view=\\\"Show\\\" data-if=\\\"[[ overlay ]]\\\"> <div class=\\\"flex items-center justify-center w-12 h-12 rounded-full bg-black/30\\\" on-click=\\\"[[imgOverlay=true]]\\\"> <svg view=\\\"Icon\\\" data-name=\\\"icon-enhance\\\" class=\\\"w-6 h-6 text-white cursor-pointer\\\"></svg> </div> </div> </div> <figcaption class=\\\"[[{'mx-24': widthStyle === 'oversized'}]] my-6 text-grey_3 text-[13px] leading-6\\\">[[ caption ]]</figcaption> </figure> </div> </div> \";\n// Exports\nexport default code;","\nclass ParamService {\n    parseParams() {\n        const searchParams = new URLSearchParams(window.location.search);\n        return searchParams.has(\"tags\") ? searchParams.get(\"tags\").split(',') : null\n    }\n\n    createParams(filters) {\n        const paramParts = [];\n        if (filters) {\n            const tagSlugs = filters.map(f=>f.slug).join(',');\n            paramParts.push(`tags=${tagSlugs}`);\n        }\n        const paramsUrl = paramParts.length ? `?${paramParts.join(\"&\")}` : \"\";\n        return paramsUrl;\n    }\n}\n\nexport const paramService = new ParamService();\n","import {ModelSegment} from \"@lernetz/ui-components/src/stack/Stack\";\nimport {WizardQuestion} from \"./wizard.model\";\n\nexport class WizardSegment extends ModelSegment {\n    constructor(model: WizardQuestion) {\n        super(model);\n    }\n    get view() {\n        return \"Wizard\";\n    }\n    async resolve(urlSegment: string) {\n        const followUpQuestion = this.data.answers.find( answer => answer.action.id === urlSegment ).action;\n        followUpQuestion.level = this.model.level + 1;\n        return new WizardSegment(followUpQuestion);\n    }\n}\n","import { Model } from \"@lernetz/ts-lib\";\nimport {languageService} from \"../../services/lang\";\nimport {paramService} from \"../../services/params.service\";\nimport { router, wizardStack, toRoute } from \"../../services/router\";\nimport { WizardSegment } from \"./wizard.segment\";\n\nexport class WizardQuestion extends Model implements IWizardQuestion {\n    id: string;\n    question: string;\n    answers: IWizardAnswer[];\n    level: any;\n    activeTags = [];\n    currentLang: any;\n    constructor(dto) {\n        super(dto);\n        this.currentLang = languageService.currentLang;\n    }\n\n    back() {\n        router.current.path.search(/wizard\\/.*/) !== -1\n            ? wizardStack[this.currentLang].pop()\n            : router.toRoute(\"wizard\");\n    }\n}\n\nexport class WizardAnswer extends Model implements IWizardAnswer {\n    id: string;\n    answer: string;\n    action?: WizardQuestion;\n    tags: any[];\n    overrideTags: boolean;\n    currentLang: string;\n\n    constructor(dto) {\n        super(dto);\n        this.currentLang = languageService.currentLang;\n    }\n\n    goTo(level, activeTags) {\n        const newTags = this.mutateActiveTags(activeTags, this.tags, this.overrideTags);\n        const followUpQuestion = this.action;\n        if (followUpQuestion) {\n            followUpQuestion.level = level + 1;\n            followUpQuestion.activeTags = newTags;\n            wizardStack[this.currentLang].push(new WizardSegment(followUpQuestion));\n        } else {\n            toRoute('results', { query: paramService.createParams(newTags)});\n        }\n    }\n\n    private mutateActiveTags(previousTags, newTags, overrideTags?: boolean) {\n        return overrideTags ? [ ...previousTags, ...newTags ] : [ ...newTags ];\n    }\n\n}\n\ninterface IWizardQuestion {\n    id: string;\n    answers: IWizardAnswer[];\n}\n\ninterface IWizardAnswer {\n    id: string;\n    answer: string;\n    action?: IWizardQuestion;\n    tags: any[];\n}\n","// import { Route } from \"@lernetz/ui-components/src/router/Route\";\nimport { Route } from \"@lernetz/ui-components/src/router/Route\";\nimport { Router } from \"@lernetz/ui-components/src/router/Router\";\nimport { Segment, Stack } from \"@lernetz/ui-components/src/stack/Stack\";\nimport GoodPracticeModule from \"../good-practice/good-practice.module\";\nimport {ToolModule} from \"../tool/tool.module\";\n// import {WizardRootSegment} from \"../components/wizard/Wizard\";\nimport { gateway } from \"./gateway\";\nimport {trackEvent} from \"./tracker\";\nimport {languageService} from \"./lang\";\nimport {WizardSegment} from \"../components/wizard/wizard.segment\";\n\nimport {HomeController} from \"../pages/Home\";\nimport {ResultPageController} from \"../pages/results/results.component\";\nimport {SearchController} from \"../pages/search/search\";\nimport {MissingPageController} from \"../pages/Missing\";\nimport {GenericPageController} from \"../pages/generic/generic.component\";\n\nconst routes = [\n    new Route({\n        pattern: \"/\",\n        name: \"home\",\n        // caching: true,\n        content: () => {\n            const data = {\n                feeds: []\n            } as any;\n\n            languageService.correctUrl();\n            return { view: \"Home\", data: new HomeController() };\n        },\n    }),\n    new Route({\n        pattern: \"/:lang/home/:topicSlug\",\n        name: \"home\",\n        // caching: true,\n        content: () => {\n            const data = {\n                feeds: []\n            } as any;\n            return { view: \"Home\", data: new HomeController() };\n        },\n    }),\n    ...GoodPracticeModule.routes,\n    ...ToolModule.routes,\n    new Route({\n        name: \"search\",\n        pattern: \"/:lang/search\",\n        content: (params, route) => {\n            let data = new SearchController()\n\n            return {\n                view: \"SearchPage\",\n                data,\n            };\n        },\n    }),\n    new Route({\n        name: \"page\",\n        pattern: \"/:lang/p/:slug\",\n        content: (params, route) => {\n            const data = new GenericPageController();\n            data.routeInit(params.slug);\n\n            return {\n                view: \"GenericPage\",\n                data,\n            };\n        },\n    }),\n    new Route({\n        name: \"wizard\",\n        pattern: \"/:lang/wizard\",\n        content: (params, route) => {\n            const component = {\n                view: \"WizardStart\",\n                data: {\n                },\n            };\n            gateway\n                .loadInitialWizardQuestion()\n                .then((wq) => {\n                    Object.assign(component.data, wq)\n                });\n\n            return component;\n        },\n    }),\n    new Route({\n        name: \"results\",\n        pattern: \"/:lang/result/:query\",\n        content: (params, route) => {\n            const resultController = new ResultPageController(params.lang);\n            // resultController.routeInit(params.query);\n            return {\n                view: \"ResultPage\",\n                data: resultController\n            };\n        },\n    }),\n    new Route({\n        pattern: \"/:lang\",\n        name: \"home\",\n        // caching: true,\n        content: (params) => {\n            // backend renders normal frontapge when wrong lang-prefix are used\n            if (['en', 'de'].includes(params.lang)) {\n                return { view: \"Home\", data: new HomeController() };\n            } else if (params.lang === 'index.php?id=tools') {\n                // old bookmarks are stored with this\n                return { view: \"Home\", data: new HomeController() };\n            } else {\n                trackEvent(\"404\", { url: window.location.href, referrer: document.referrer })\n                return { view: \"Missing\", data: new MissingPageController() };\n            }\n        },\n    }),\n];\n\nexport class WizardRootSegment implements Segment {\n    view: string = \"Wizard\";\n    data = {} as any;\n    currentLang: string;\n    url: '';\n\n    constructor() {\n        this.currentLang = languageService.currentLang;\n    }\n\n    async resolve(urlSeg: string) {\n        this.data = await gateway.get(urlSeg);\n        this.data.level = 0;\n        return new WizardSegment(this.data);\n    }\n}\n\nexport const wizardStack = {\n    de: new Stack({\n        name: \"wizardStep\",\n        pattern: \"/de/wizard/*\",\n        root: new WizardRootSegment(),\n    }),\n    en: new Stack({\n        name: \"wizardStep\",\n        pattern: \"/en/wizard/*\",\n        root: new WizardRootSegment(),\n    })\n};\n\nexport const router = new Router({\n    routes: [\n        ...routes,\n        ...Object.values(wizardStack).map( s => s.route),\n        // enStack.route,\n        new Route({\n            pattern: \"/*\",\n            name: \"404\",\n            // caching: true,\n            content: () => {\n                // gateway.loadInitialWizardQuestion().then( wizardSteps => data.wizardSteps = wizardSteps);\n                trackEvent(\"404\", { url: window.location.href, referrer: document.referrer })\n                return { view: \"Missing\", data: new MissingPageController() };\n            },\n        }),\n    ],\n});\n\nexport function toRoute(urlName: string, params?) {\n    router.toRoute(urlName, { lang: languageService.currentLang, ...params});\n}\n","import {Model, View} from \"@lernetz/ts-lib\";\nimport template from \"./infobox.component.html\";\n\nexport class InfoboxView extends View {\n    constructor() {\n        super({template})\n    }\n}\n\nexport class Infobox extends Model {\n}\n","// Module\nvar code = \"<div class=\\\"my-12 md:my-16\\\"> <div class=\\\"w-20 h-2.5 bg-yellow mb-3\\\"></div> <div class=\\\"text-xl text-grey_2\\\">[[info]]</div> </div> \";\n// Exports\nexport default code;","import {Model, View} from \"@lernetz/ts-lib\";\nimport template from \"./quote.component.html\";\n\nexport class QuoteView extends View {\n    constructor() {\n        super({template})\n    }\n}\n\nexport class Quote extends Model {\n}\n","// Module\nvar code = \"<div class=\\\"flex flex-col items-baseline my-12 md:px-24 md:my-16\\\"> <div class=\\\"text-[26px] italic font-semibold mb-4\\\">«[[quote]]»</div> <div class=\\\"font-mono text-active\\\">[[person]]</div> </div> \";\n// Exports\nexport default code;","import {route} from \"@lernetz/ts-lib\";\nimport {Gateway} from \"@lernetz/ts-lib/src/Gateway\";\nimport {languageService} from \"../services/lang\";\nimport {Infobox} from \"./components/article/infobox.component\";\nimport {Quote} from \"./components/article/quote.component\";\n\n\nexport class GoodPracticeGateway extends Gateway {\n    routeBase = \"api.goodPractices\";\n    constructor(config) {\n        super(config);\n        this.in.add('App\\\\GoodPractice', dto => {\n            const date = new Date(dto.date.split(' ')[0]);\n            const locale = languageService.currentLang === 'en' ? 'en-US' : 'de-CH';\n            const formattedDate = date.toLocaleDateString(locale, { day: 'numeric', month: 'long', year: 'numeric'});\n            dto.date = formattedDate;\n            return dto;\n        });\n        this.in.add('App\\\\Quote', dto => new Quote(dto));\n        this.in.add('App\\\\Infobox', dto => new Infobox(dto));\n    }\n    async find() {\n        const goodPractices = await route(this.routeBase).load();\n        return this.in.transform(goodPractices);\n    }\n    async get(id) {\n        const goodPractices = await route(`${this.routeBase}.details`, { good_practice: id}).load();\n        return this.in.transform(goodPractices);\n    }\n}\n","import {Model, View} from \"@lernetz/ts-lib\";\nimport template from \"./column-layout.component.html\";\n\n\nexport class ColumnLayoutView extends View {\n    constructor() {\n        super({template});\n    }\n}\n\nexport class ColumnLayout extends Model {\n}\n","// Module\nvar code = \"<div> <div view=\\\"Repeat\\\" data-items=\\\"[[columns]]\\\" data-as=\\\"column\\\" class=\\\"mt-16 md:flex md:space-x-6\\\"> <div view=\\\"[[ column ]]\\\" data=\\\"[[ column]]\\\" class=\\\"flex-[[column.width]]\\\"></div> </div> </div> \";\n// Exports\nexport default code;","\nimport {Model, View} from \"@lernetz/ts-lib\";\nimport template from \"./column.component.html\";\n\n\nexport class ColumnView extends View {\n    constructor() {\n        super({template});\n    }\n}\n\nexport class Column extends Model {\n}\n","// Module\nvar code = \"<div> <div class=\\\"md:-mt-16\\\" view=\\\"Repeat\\\" data-items=\\\"[[content_elements]]\\\" data-as=\\\"element\\\"> <div class=\\\"md:first:mt-16\\\" view=\\\"[[element]]\\\" data=\\\"[[ element ]]\\\"></div> </div> </div> \";\n// Exports\nexport default code;","import {Model, View} from \"@lernetz/ts-lib\";\nimport template from \"./contact.component.html\";\n\nexport class ContactView extends View {\n    constructor() {\n        super({template});\n    }\n}\n\nexport class Contact extends Model {\n}\n","// Module\nvar code = \"<div> <img class=\\\"object-cover w-full my-6 h-60\\\" src=\\\"[[ this.setup.route('asset', { preset:'original', ext:image.ext, file_name:image.file_name }).url() ]]\\\"/> <div class=\\\"mt-6 mb-4 text-xl font-semibold leading-relaxed\\\">[[ name ]]</div> <div class=\\\"mb-4 tt-para\\\">[[ shortText ]]</div> <a href=\\\"mailto:[[ email ]]\\\" class=\\\"flex items-center space-x-4 group\\\"> <svg view=\\\"Icon\\\" data-name=\\\"icon-mail\\\" class=\\\"w-5 h-5 shrink-0\\\"></svg> <div class=\\\"group-hover:italic group-hover:text-active\\\">[[ email ]]</div> </a> </div> \";\n// Exports\nexport default code;","import {Model} from \"@lernetz/ts-lib\";\nimport {ToolDto} from \"./tool.interface\";\n\nexport class Tool extends Model {\n    constructor(dto: ToolDto) {\n        super(dto);\n    }\n}\n","import { Model, Repeat } from \"@lernetz/ts-lib\";\nimport { observeProperties } from \"@lernetz/ts-lib/src/Observer\";\nimport { View, ViewConfig } from \"@lernetz/ts-lib/src/view/View\";\nimport template from \"./Carousel.html\";\n\nexport interface CarouselConfig {\n    currentItem:object;\n    items?:object[];\n}\n\nexport class Carousel extends Model {\n\n    public currentItem:object;\n    public items: object[];\n\n    public constructor( config?:CarouselConfig ) {\n        super( { currentItem: null, items: [], ...config } );\n\n        observeProperties( this, 'currentItem', 'items' );\n        this.propertyChange.filter( p => p.name === 'items' ).subscribe( () => {\n            this.currentItem = this.items?.length ? this.items[0] : null;\n        });\n    }\n\n    next() {\n        this.currentItem = this.items[ ( this.currentItemIndex + 1 ) % this.items.length ];\n    }\n\n    previous() {\n        this.currentItem = this.items[ ( this.items.length + this.currentItemIndex - 1 ) % this.items.length ];\n    }\n\n    protected get currentItemIndex() {\n        return this.items.indexOf( this.currentItem );\n    }\n}\n\nexport class CarouselView extends View<Carousel> {\n\n    public constructor( config?:ViewConfig<Carousel> ) {\n        super( { data: new Carousel(), template, ...config } );\n\n        this.registry.add( 'Repeat', () => new Repeat() );\n    }\n}\n","// Module\nvar code = \"<div class=\\\"carousel-box\\\"> <div view=\\\"[[ currentItem ]]\\\" data=\\\"[[ currentItem ]]\\\"></div> <div class=\\\"nav -left button-style [[ { '-disabled': !canPrevious() } ]] transition-style -fast\\\" on-click=\\\"[[ previous() ]]\\\">&lt;</div> <div class=\\\"nav -right button-style [[ { '-disabled': !canNext() } ]] transition-style -fast\\\" on-click=\\\"[[ next() ]]\\\">&gt;</div> <div class=\\\"dots\\\"> <div view=\\\"Repeat\\\" data-items=\\\"[[ items ]]\\\" data-as=\\\"item\\\" class=\\\"flex-layout -center\\\"> <div class=\\\"dot [[ item == parent.currentItem ? '-active -disabled' : '' ]] button-style transition-style\\\" on-click=\\\"[[ parent.currentItem = item ]]\\\"></div> </div> </div> </div> \";\n// Exports\nexport default code;","import { Carousel as BaseCarousel, CarouselView as BaseCarouselView } from \"@lernetz/ui-components/src/carousel/Carousel\";\nimport { View, ViewConfig } from \"@lernetz/ts-lib/src/view/View\";\nimport template from \"./Carousel.html\";\nimport imageTemplate from \"./Image.html\";\nimport leftTemplate from \"./leftTemplate.html\";\nimport rightTemplate from \"./rightTemplate.html\";\nimport {Image} from './../image/Image';\n\nexport class Carousel extends BaseCarousel {\n    constructor(dto) {\n        super();\n        this.items = dto.images;\n        this.currentItem = dto.images[0];\n    }\n}\n\nexport class CarouselView extends BaseCarouselView {\n\n\n    constructor( config?: ViewConfig<BaseCarousel> ) {\n        super( { ...config, template } );\n        this.registry.add('ControlLeft', () => new View({template: leftTemplate }) );\n        this.registry.add('ControlRight', () => new View({template: rightTemplate }) );\n        this.registry.add(Image, () => new View({template: imageTemplate }) );\n\n    }\n\n    init() {\n\n        // this.data.propertyChange.filter( arg => arg.name == 'currentItem' ).subscribe( () => {\n        //     this.resizeHeight();\n        // } );\n        //\n        // this.resizeHeight();\n\n    }\n\n    private resizeHeight() {\n        setTimeout( () => {\n            const imageNode = this.node.querySelector( '.content img' ) as HTMLImageElement;\n            const contentNode = this.node.querySelector( '.content' ) as HTMLElement;\n            contentNode.style.height = `${imageNode.getBoundingClientRect().height}px`;\n        }, 1000 );\n\n    }\n\n}\n","// Module\nvar code = \"<div class=\\\"relative my-12 md:my-16\\\"> <div class=\\\"\\\" view=\\\"Show\\\" data-if=\\\"[[ title ]]\\\"> <div class=\\\"\\\">[[ title ]]</div> </div> <div view=\\\"[[ currentItem ]]\\\" data=\\\"[[ currentItem ]]\\\"></div> <div on-click=\\\"[[previous()]]\\\" class=\\\"absolute top-0 bottom-0 flex items-center select-none left-8\\\" view=\\\"ControlLeft\\\"></div> <div on-click=\\\"[[next()]]\\\" class=\\\"absolute top-0 bottom-0 flex items-center select-none right-8\\\" view=\\\"ControlRight\\\"></div> </div> \";\n// Exports\nexport default code;","// Module\nvar code = \"<div> <div class=\\\"flex items-center justify-center bg-white rounded-full w-14 h-14\\\"> <svg view=\\\"Icon\\\" data-name=\\\"icon-arrow-left\\\" class=\\\"text-black w-7 h-7\\\"></svg> <div> </div> </div></div>\";\n// Exports\nexport default code;","// Module\nvar code = \"<div> <div class=\\\"flex items-center justify-center bg-white rounded-full w-14 h-14\\\"> <svg view=\\\"Icon\\\" data-name=\\\"icon-arrow-right\\\" class=\\\"text-black w-7 h-7\\\"></svg> </div> </div> \";\n// Exports\nexport default code;","// Module\nvar code = \"<div class=\\\"\\\"> <figure> <div class=\\\"w-full h-[500px] bg-black\\\"> <img class=\\\"object-contain w-full h-full\\\" view=\\\"Image\\\" data-route=\\\"asset\\\" data-preset=\\\"[[ ( image.ext == 'svg' ) ? 'original' : preset ]]\\\" data-file_name=\\\"[[ image.file_name ]]\\\" data-ext=\\\"[[ image.ext ]]\\\"/> </div> <figcaption class=\\\"my-6 text-grey_3 text-[13px] leading-6\\\">[[ caption ]]</figcaption> </figure> </div> \";\n// Exports\nexport default code;","import { Model } from '@lernetz/ts-lib';\nimport { View, ViewConfig } from '@lernetz/ts-lib/src/view/View';\nimport { route } from '@lernetz/ts-lib/src/Setup';\nimport template from './Iframely.html';\n\nexport interface IframelyConfig {\n    route?:string;\n    url:string;\n}\n\nexport class Iframely extends Model {\n\n    public readonly route:string;\n    public readonly url:string;\n\n    public fallbackUrl:string;\n\n    public constructor( config?:IframelyConfig ) {\n        super( { fallbackUrl:null, route:'iframely', ...config } );\n    }\n}\n\nexport class IframelyView extends View<Iframely> {\n\n    private html:string;\n\n    public constructor( config?:ViewConfig<Iframely> ) {\n        super( { template, ...config } );\n    }\n\n    async init() {\n        if( !this.html ) {\n            const iframelyResult = await route( this.data.route, this.data ).load();\n            this.html = iframelyResult[ 'html' ];\n        }\n\n        if (this.html) {\n            this.node.innerHTML = this.html;\n        }\n        else {\n            this.data.fallbackUrl = this.data.url;\n        }\n    }\n}\n","// Module\nvar code = \"<div class=\\\"[[ { '_hidden': !url } ]]\\\"> <div class=\\\"abs-layout\\\"> <div class=\\\"[[ { '_hidden': !fallbackUrl } ]] media-responsive -media-4-3 abs-layout\\\"> <iframe class=\\\"item -stretch\\\" src=\\\"[[ fallbackUrl ]]\\\"></iframe> </div> </div> </div> \";\n// Exports\nexport default code;","import { View, ViewConfig } from '@lernetz/ts-lib/src/view/View';\nimport { Iframely, IframelyView } from '@lernetz/ui-components/src/iframely/Iframely';\nimport template from './DecoratedIframely.html';\n\nimport baseIframeTemplate from \"./Iframely.html\";\n\nexport class DecoratedIframely extends Iframely {\n\n    caption: string;\n    widthStyle: string;\n\n    public constructor( dto ) {\n        super( dto );\n    }\n\n}\n\nexport class DecoratedIframelyView extends View<DecoratedIframely> {\n\n    public constructor( config?: ViewConfig<DecoratedIframely> ) {\n        super( { template, ...config } );\n        this.registry.add( 'Iframely', () => new IframelyView({ template: baseIframeTemplate}) );\n    }\n}\n","// Module\nvar code = \"<div class=\\\"w-full my-12 md:my-16\\\"> <figure> <div view=\\\"Iframely\\\" data=\\\"[[ data ]]\\\"></div> <figcaption class=\\\"my-6 text-grey_3 text-[13px] leading-6\\\">[[ caption ]]</figcaption> </figure> </div> \";\n// Exports\nexport default code;","// Module\nvar code = \"<div class=\\\"[[ { 'hidden': !url } ]]\\\"> <div class=\\\"\\\"> <div class=\\\"[[ { 'hidden': !fallbackUrl } ]]\\\"> <iframe class=\\\"w-full aspect-video\\\" src=\\\"[[ fallbackUrl ]]\\\"></iframe> </div> </div> </div> \";\n// Exports\nexport default code;","import { Model, View } from \"@lernetz/ts-lib\";\n\nimport template from './MaterialList.html';\nimport downloadTemplate from './Download.html';\nimport linkTemplate from './Link.html';\n\n\nexport class MaterialList extends Model {\n\n    elements: Model[];\n}\n\nexport class MaterialListView extends View<MaterialList> {\n\n    constructor() {\n        super( { template: template } );\n\n        this.registry.add( 'App\\\\Download', () => new View( { template: downloadTemplate } ) );\n        this.registry.add( 'App\\\\Link', () => new View( { template: linkTemplate } ) );\n    }\n}\n","// Module\nvar code = \"<div class=\\\"\\\" view=\\\"Repeat\\\" data-items=\\\"[[ elements ]]\\\" data-as=\\\"element\\\"> <div view=\\\"[[ element.modelName ]]\\\" data=\\\"[[ element ]]\\\"></div> </div> \";\n// Exports\nexport default code;","// Module\nvar code = \"<div> <a class=\\\"flex items-center my-8 group space-x-4\\\" href=\\\"[[ this.setup.route( 'download', { file_name:file.file_name } ).url() ]]\\\" target=\\\"[[ target ]]\\\"> <svg view=\\\"Icon\\\" data-name=\\\"icon-download\\\" class=\\\"w-5 h-5 shrink-0\\\"></svg> <span class=\\\"border-b-2 border-white group-hover:border-black group-hover:italic\\\">[[ text ]] ([[ file.ext.toUpperCase() ]])</span> </a> </div> \";\n// Exports\nexport default code;","// Module\nvar code = \"<div> <a class=\\\"flex items-center my-8 group space-x-4\\\" href=\\\"[[ url ]]\\\" target=\\\"[[ target ]]\\\"> <svg view=\\\"Icon\\\" data-name=\\\"icon-link-blank\\\" class=\\\"w-5 h-5 shrink-0\\\"></svg> <span class=\\\"border-b-2 border-white group-hover:border-black group-hover:italic\\\">[[ text ]]</span> </a> </div> \";\n// Exports\nexport default code;","import {Model, View} from \"@lernetz/ts-lib\";\nimport template from \"./PersonalImpact.html\";\nimport imageTemplate from \"./visual/image.html\";\nimport {Image} from \"../image/Image\";\n\nexport class PersonalImpactView extends View {\n    constructor() {\n        super({ template })\n        this.registry.add(Image, () => new View({template: imageTemplate}));\n        this.registry.add('empty', () => new View({template: '<div><img class=\"rounded-full\" src=\"/static/avatar.png\" /></div>'}));\n    }\n}\n\nexport class PersonalImpact extends Model {\n}\n","// Module\nvar code = \"<div class=\\\"w-full px-16 py-8 my-16 bg-yellow\\\"> <div class=\\\"mx-auto max-w-screen-xl\\\"> <div class=\\\"mb-4 text-2xl font-semibold md:mb-8\\\">[[ this.trans('personal-impact') ]]</div> <div class=\\\"md:grid [[ visual && visual.modelName === 'App\\\\\\\\IFrame' ? 'md:grid-cols-[3fr_2fr]' : 'md:grid-cols-[350px_auto]' ]] md:gap-8\\\"> <div class=\\\"md:-mt-16\\\"> <div class=\\\"md:mt-16\\\" view=\\\"[[ visual ? visual : 'empty' ]]\\\" data=\\\"[[ visual ]]\\\"></div> </div> <div class=\\\"\\\"> <div class=\\\"md:-mt-8\\\" view=\\\"Repeat\\\" data-items=\\\"[[ content ]]\\\" data-as=\\\"item\\\"> <div class=\\\"md:first:mt-8\\\" view=\\\"[[ item ]]\\\" data=\\\"[[item]]\\\"></div> </div> <div class=\\\"mt-6 mb-2 text-xl font-semibold\\\">[[personName]]</div> <div class=\\\"mt-2 mb-4\\\">[[personInfo]]</div> <a href=\\\"[[url]]\\\" class=\\\"mt-2 mb-4 underline\\\">[[url]]</a> </div> </div> </div> </div> \";\n// Exports\nexport default code;","// Module\nvar code = \"<div class=\\\"w-[200px] h-[200px] md:w-[350px] md:h-[350px] overflow-hidden rounded-full\\\"> <img class=\\\"object-cover w-full h-full\\\" view=\\\"Image\\\" data-route=\\\"asset\\\" data-preset=\\\"[[ ( image.ext == 'svg' ) ? 'original' : preset ]]\\\" data-file_name=\\\"[[ image.file_name ]]\\\" data-ext=\\\"[[ image.ext ]]\\\"/> </div> \";\n// Exports\nexport default code;","import {Model, View} from \"@lernetz/ts-lib\";\nimport template from \"./related-content.component.html\";\n\nexport class RelatedContentView extends View {\n    constructor() {\n        super({ template });\n    }\n}\n\nexport class RelatedContent extends Model {\n    constructor(dto) {\n        super(dto);\n    }\n}\n","// Module\nvar code = \"<div class=\\\"px-8 mx-auto max-w-screen-xl\\\"> <div view=\\\"CardList\\\" data=\\\"[[ this.data ]]\\\"></div> </div> \";\n// Exports\nexport default code;","import {Model, View} from \"@lernetz/ts-lib\";\nimport template from \"./Toggle.html\"\n\nexport class ToggleView extends View {\n    constructor() {\n        super({ template })\n    }\n}\n\nexport class Toggle extends Model {\n}\n","// Module\nvar code = \"<div> <div class=\\\"flex flex-col p-4 border-t border-b\\\"> <div class=\\\"flex items-center text-2xl font-semibold cursor-pointer hover:italic\\\" on-click=\\\"[[ open = !open]]\\\"> <div class=\\\"flex-grow\\\">[[ title ]]</div> <svg view=\\\"Icon\\\" class=\\\"w-6 h-6\\\" data-name=\\\"icon-arrow-[[ open ? 'up' : 'down' ]]\\\"></svg> </div> <div view=\\\"Show\\\" data-if=\\\"[[ open ]]\\\"> <div class=\\\"mt-4 leading-relaxed\\\">[[ text ]]</div> </div> </div> </div> \";\n// Exports\nexport default code;","import {route} from \"@lernetz/ts-lib\";\nimport {Gateway} from \"@lernetz/ts-lib/src/Gateway\";\nimport {ToolModel} from \".\";\nimport {Carousel} from \"../components/article-elements/carousel/Carousel\";\nimport {DecoratedIframely} from \"../components/article-elements/decoratedIframely/DecoratedIframely\";\nimport {MaterialList} from \"../components/article-elements/materiallist/MaterialList\";\nimport {PersonalImpact} from \"../components/article-elements/personal-impact/PersonalImpact\";\nimport {RelatedContent} from \"../components/article-elements/related-content/related-content.component\";\nimport {Toggle} from \"../components/article-elements/toggle/Toggle\";\n\n\nexport class ToolGateway extends Gateway {\n    routeBase = \"api.tools\";\n    constructor(config) {\n        super(config);\n        this.in.add('App\\\\Tool', dto => new ToolModel(dto))\n        this.in.add( \"App\\\\IFrame\", ( dto ) => new DecoratedIframely( dto ) );\n        this.in.add( \"App\\\\Toggle\", ( dto ) => new Toggle( dto ) );\n        this.in.add( \"App\\\\Carousel\", ( dto ) => new Carousel( dto ) );\n        this.in.add( \"App\\\\MaterialList\", ( dto ) => new MaterialList( dto ) );\n\n        // extraInfos\n        this.in.add( \"App\\\\PersonalImpact\", ( dto ) => new PersonalImpact( dto ) );\n        this.in.add( \"App\\\\RelatedContent\", ( dto ) => new RelatedContent( dto ) );\n    }\n    async feed() {\n        const tool = await route(`api.feed`).load() as { data: any};\n        return this.in.transform(tool.data);\n    }\n    async get(id) {\n        const tool = (await route(`${this.routeBase}.details`, { tool: id }).load() as any).data;\n        return this.in.transform(tool);\n    }\n    async loadFilteredTools(filterQuery: string) {\n        // return route(`${this.routeBase}`)\n        const url =  filterQuery ? `/api/tools${filterQuery}` : `/api/tools`;\n        return fetch(url).then(res => res.json()).then(res => res.data);\n    }\n}\n","import { route } from \"@lernetz/ts-lib\";\nimport { Gateway } from \"@lernetz/ts-lib/src/Gateway\";\n// import {Image} from \"@lernetz/ui-components/src/image/Image\";\nimport {Image} from \"../components/article-elements/image/Image\";\nimport {Paragraph} from \"../components/article-elements/paragraph/Paragraph\";\nimport {Title} from \"../components/article-elements/title/Title\";\nimport { WizardAnswer, WizardQuestion } from \"../components/wizard/wizard.model\";\nimport {GoodPracticeGateway} from \"../good-practice/good-practice.gateway\";\nimport {ColumnLayout} from \"../pages/generic/article-elements/column-layout/column-layout.component\";\nimport {Column} from \"../pages/generic/article-elements/column-layout/column.component\";\nimport {Contact} from \"../pages/generic/article-elements/contact/contact.component\";\nimport {ToolGateway} from \"../tool/tool.gateway\";\nimport {httpService, lookup} from \"./api-service\";\n\nclass WizardGateway extends Gateway {\n    toolGateway: ToolGateway;\n    goodPracticeGateway: GoodPracticeGateway;\n    constructor() {\n        super({});\n        this.in.add(\n            \"App\\\\WizardQuestion\",\n            (dto: any) => new WizardQuestion(dto)\n        );\n        this.in.add(\n            \"App\\\\WizardAnswer\",\n            (dto: any) => new WizardAnswer(dto)\n        );\n        this.in.add( 'App\\\\Title', ( dto: any ) => new Title( dto ) );\n        this.in.add( 'App\\\\Paragraph', ( dto: any ) => new Paragraph( dto ) );\n        this.in.add( 'App\\\\Image', ( dto: any ) => new Image(dto)\n                    // return new Image({ ...dto.image, route: 'asset', preset: 'original'}, )\n                   );\n\n        this.in.add( 'App\\\\ColumnLayout', ( dto: any ) => new ColumnLayout( dto ) );\n        this.in.add( 'App\\\\Column', ( dto: any ) => new Column( dto ) );\n        this.in.add( 'App\\\\Contact', ( dto: any ) => new Contact( dto ) );\n\n        this.toolGateway = new ToolGateway( { in: this.in, out: this.out } );\n        this.goodPracticeGateway = new GoodPracticeGateway( { in: this.in, out: this.out } );\n    }\n\n    async loadInitialWizardQuestion() {\n        return route(\"api.wizard.start\")\n            .load()\n            .then((res: { data: any }) => {\n                return this.in.transform(res.data);\n            });\n    }\n\n    async get(id: string) {\n        return route(\"api.wizard.question\", {id})\n            .load()\n            .then((res: { data: any }) => {\n                return this.in.transform(res.data);\n            });\n    }\n\n    async loadPage(slug) {\n        const page = await route(\"api.page\", {slug}).load();\n        return this.in.transform(page);\n    }\n\n    async loadFilters() {\n        return route(\"api.filter\").load();\n    }\n\n    async loadTopics() {\n        // return httpService.get(lookup(\"api.topics\").url)\n\n        return route(\"api.topics\").load() as any;\n    }\n\n    async search(q) {\n        const res = await route(\"api.search\").send(JSON.stringify({q})) as any;\n        return this.in.transform(res);\n    }\n\n\n}\n\ninterface WizardDto {\n    id: string;\n}\n\nexport const gateway = new WizardGateway();\n","\n\nexport function trackEvent(eventName: string, data) {\n    if ((window as any).plausible) {\n        (window as any).plausible(eventName, {\n            props: data\n        });\n    }\n    (window as any).Countly.q.push(['add_event', {\n        key: eventName,\n        segmentation: data\n    }])\n}\n","import {ViewRegistry} from \"@lernetz/ts-lib\"\nimport {Route} from \"@lernetz/ui-components/src/router/Route\";\nimport {UiModule} from \"../core/interface\";\nimport {authorCard} from \"../pages/good-practice/details/author-info.component\";\nimport {gateway} from \"../services/gateway\";\nimport {trackEvent} from \"../services/tracker\";\nimport {Infobox, InfoboxView} from \"./components/article/infobox.component\";\nimport {Quote, QuoteView} from \"./components/article/quote.component\"\n\nconst views = new ViewRegistry()\nviews.add(Quote, () => new QuoteView());\nviews.add(Infobox, () => new InfoboxView());\nviews.add(\"AuthorCard\", () => authorCard);\n\nconst GoodPracticeModule: UiModule = {\n    views,\n    routes: [\n        new Route({\n            name: \"good-practice-details\",\n            pattern: \"/:lang/good-practice/:id\",\n            content: (params, route) => {\n                let data = {} as any;\n                gateway.goodPracticeGateway.get(params.id).then( goodPractice => {\n                    data.goodPractice = goodPractice;\n                    trackEvent('good-practice-details', { goodPractice: goodPractice.title})\n                });\n                return {\n                    view: \"GoodPracticeDetailsPage\",\n                    data,\n                };\n            },\n        }),\n        new Route({\n            name: \"good-practice\",\n            pattern: \"/:lang/good-practice\",\n            content: (params, route) => {\n                let data = {} as any;\n                gateway.goodPracticeGateway.find().then( goodPractices => {\n                    data.goodPractices = goodPractices\n                });\n                return {\n                    view: \"GoodPracticePage\",\n                    data,\n                };\n            },\n        }),\n    ]\n}\n\nexport default GoodPracticeModule\n","import {Model, View} from \"@lernetz/ts-lib\";\nimport {Image} from \"../../../components/article-elements/image/Image\";\nimport {gateway} from \"../../../services/gateway\";\nimport {trackEvent} from \"../../../services/tracker\";\nimport {ToolModule} from \"../../../tool/tool.module\";\nimport template from \"./tool-details.view.html\";\n\n\nexport class ToolDetailsView extends View {\n    constructor() {\n        super({ template, registry: ToolModule.views });\n    }\n}\n\nexport class ToolDetailsController extends Model {\n    tool: any;\n    infos: {metainfos: any; hint: {title: any; text: any;}; downloads: any;};\n    load(toolId) {\n        gateway.toolGateway\n            .get(toolId)\n            .then((tool) => {\n                this.tool = tool\n                this.infos = {\n                    metainfos: tool.metainfos,\n                    hint: {\n                        title: tool.hintTitle,\n                        text: tool.hintText\n                    },\n                    downloads: tool.downloads\n                }\n                trackEvent('tool-details', { tool: tool.title})\n            });\n    }\n}\n","// Module\nvar code = \"<div class=\\\"w-full\\\"> <div class=\\\"relative\\\"> <img class=\\\"object-cover w-full h-96 brightness-90\\\" src=\\\"[[ this.setup.route('asset', { preset:'original', ext:tool.preview_image.ext, file_name:tool.preview_image.file_name }).url() ]]\\\" alt=\\\"\\\"/> <div class=\\\"absolute inset-x-0 items-center w-full px-8 mx-auto mt-16 overflow-hidden font-semibold leading-tight text-white tt-h1 bottom-8 max-w-screen-xl text-ellipsis\\\"> [[ tool.title ]] </div> </div> <div class=\\\"px-8 mx-auto my-24 md:flex max-w-screen-xl md:space-x-16\\\"> <div class=\\\"w-full mb-16 md:w-1/4\\\" view=\\\"MetaInfos\\\" data-infos=\\\"[[infos]]\\\"></div> <div class=\\\"md:w-3/4 space-y-8\\\"> <h2 class=\\\"font-semibold tt-h2\\\">[[tool.lead]]</h2> <div class=\\\"mt-8 mb-16 font-mono\\\">[[ tool.featuredTags ]]</div> <div view=\\\"Repeat\\\" data-items=\\\"[[ tool.content_elements]]\\\" data-as=\\\"element\\\" class=\\\"text-xl\\\"> <div view=\\\"[[ element ]]\\\" data=\\\"[[ element ]]\\\"></div> </div> </div> </div> <div view=\\\"Repeat\\\" data-items=\\\"[[ tool.extra_infos]]\\\" data-as=\\\"element\\\" class=\\\"\\\"> <div view=\\\"[[ element ]]\\\" data=\\\"[[ element ]]\\\"></div> </div> <div view=\\\"Footer\\\"></div> </div> \";\n// Exports\nexport default code;","class TagService {\n\n    getActiveTagsFromParam(filterCategories, tagParams: string[]) {\n        if (!tagParams) {\n            return [];\n        }\n        const allTags = filterCategories.flatMap(\n            (filterCategory) => filterCategory.tags\n        );\n        const selectedTags = tagParams.map((tagParam) =>\n            allTags.find((tag) => tag.slug === tagParam)\n        );\n        return selectedTags;\n    }\n}\n\nexport const tagService = new TagService();\n","import { Model, View } from \"@lernetz/ts-lib\";\nimport { gateway } from \"../../services/gateway\";\nimport { router } from \"../../services/router\";\nimport template from \"./tools.view.html\";\n\nimport { toggleFilter } from \"../../components/filter/filter.helpers\";\nimport {tagService} from \"../../services/tag.service\";\nimport {languageService} from \"../../services/lang\";\n\nexport class ToolsPageView extends View<ToolsPageController> {\n    constructor() {\n        super({ template });\n    }\n}\n\nexport class ToolsPageController extends Model {\n    canLoadMore: boolean;\n    tools: any;\n    topics: string | {};\n    tags: string[];\n    filters: string | {};\n    activeFilters: any;\n    currentLang: string;\n    constructor(searchString: string) {\n        super();\n    }\n    init() {\n        this.currentLang = languageService.currentLang;\n        gateway.loadTopics().then((topics) => (this.topics = topics));\n        gateway.loadFilters().then((filterCategories) => {\n            this.activeFilters = tagService.getActiveTagsFromParam(\n                filterCategories,\n                this.parseParams()\n            )\n            this.loadTools(this.activeFilters);\n            this.filters = this.prepareFilters(filterCategories, this.activeFilters)\n        });\n    }\n\n    private loadTools(activeFilters) {\n        const searchParams = this.apiSearchParams(activeFilters);\n        gateway.toolGateway\n            .loadFilteredTools(searchParams)\n            .then((tools) => (this.tools = tools));\n    }\n\n    private apiSearchParams(activeFilters) {\n        if (!this.activeFilters.length) {\n            this.canLoadMore = true;\n            return '?limit=9';\n        } else {\n            return this.createParams();\n        }\n    }\n\n    loadMore() {\n        this.canLoadMore = false;\n        gateway.toolGateway\n            .loadFilteredTools(this.createParams())\n            .then((tools) => (this.tools = tools));\n    }\n\n    private parseParams() {\n        const searchParams = new URLSearchParams(window.location.search);\n        return searchParams.has(\"tags\")\n            ? searchParams.get(\"tags\").split(\",\")\n            : null;\n    }\n\n    toggleFilter(tag) {\n        this.activeFilters = toggleFilter(this.activeFilters, tag);\n        this.filters = this.prepareFilters(this.filters, this.activeFilters);\n        this.loadTools(this.activeFilters)\n        this.updateUri();\n    }\n\n    updateUri() {\n        const params = this.createParams();\n        const uri = params\n            ? `/${this.currentLang}/filter/tools/${params}`\n            : `/${this.currentLang}/tools`;\n        router.writeURL(uri);\n    }\n\n    createParams() {\n        const tagSlugs = this.activeFilters.map((f) => f.slug);\n        return tagSlugs.length ? `?tags=${encodeURI(tagSlugs.join(\",\"))}` : '';\n    }\n\n\n    private prepareFilters(filterCategories, selectedTags) {\n        const activeSlugs = selectedTags.map(tag => tag.slug);\n\n        const filters = filterCategories.map((filter) => {\n            return {\n                ...filter,\n                tags: filter.tags.map((tag) => {\n                    return {\n                        active: activeSlugs.includes(tag.slug),\n                        ...tag,\n                    };\n                }),\n            };\n        });\n        return filters;\n    }\n}\n\n\nclass FilterDropDown extends Model {\n    constructor(dto) {\n        super(dto);\n    }\n}\n","// Module\nvar code = \"<div class=\\\"\\\"> <div class=\\\"px-8 mx-auto max-w-screen-xl\\\"> <div class=\\\"py-20\\\"> <h1 class=\\\"text-5xl italic font-bold mb-xl\\\">Tools</h1> <div class=\\\"text-3xl\\\"> [[this.trans('tool-lead')]] </div> </div> <div class=\\\"py-8 border-b-2 border-grey_2\\\" view=\\\"Filter\\\" data-filters=\\\"[[ filters ]]\\\" data-active-filters=\\\"[[ activeFilters ]]\\\" on-filter-change=\\\"[[toggleFilter(event)]]\\\"></div> <div view=\\\"CardList\\\" data-tools=\\\"[[ tools ]]\\\" data-label=\\\"\\\" class=\\\"mb-xxl\\\"></div> <div view=\\\"Show\\\" data-if=\\\"[[canLoadMore]]\\\" class=\\\"flex justify-center -mt-24\\\"> <button on-click=\\\"[[ loadMore() ]]\\\" class=\\\"mx-auto text-white bg-black rounded-full py-3.5 text-xl font-medium px-5\\\">[[ this.trans('loadMore') ]]</button> </div> </div> <div view=\\\"Footer\\\"></div> </div> \";\n// Exports\nexport default code;","export function findFilter(filters: Pick<Tag, 'slug'>[], filter: Pick<Tag, 'slug'>) {\n    return filters.find(f => f.slug === filter.slug);\n}\n\nexport function removeFilter(filters: Pick<Tag, 'slug'>[], filter: Pick<Tag, 'slug'>) {\n    return filters.filter(f => f.slug !== filter.slug);\n}\n\nexport function toggleFilter(filters: Pick<Tag, 'slug'>[], filter: Pick<Tag, 'slug'>) {\n    if (findFilter(filters, filter)) {\n        return removeFilter(filters, filter);\n    } else {\n        return [...filters, filter];\n    }\n}\n\nexport interface Tag {\n    name: string;\n    slug: string;\n}\n","import {ViewRegistry} from \"@lernetz/ts-lib\";\nimport {Route} from \"@lernetz/ui-components/src/router/Route\";\nimport {UiModule} from \"../core/interface\";\nimport {Infobox, InfoboxView} from \"../good-practice/components/article/infobox.component\";\nimport {Quote, QuoteView} from \"../good-practice/components/article/quote.component\";\nimport {ToolDetailsController} from \"../pages/tools/details/tool-details.view\";\nimport {ToolsPageController} from \"../pages/tools/tools.view\";\n\nconst views = new ViewRegistry();\nviews.add(Quote, () => new QuoteView());\nviews.add(Infobox, () => new InfoboxView());\n\nexport const ToolModule: UiModule = {\n    views,\n    routes: [\n        new Route({\n            name: \"tools\",\n            pattern: \"/:lang/tools\",\n            content: (params, route) => {\n                return {\n                    view: \"ToolsPage\",\n                    data: new ToolsPageController(\"\")\n                };\n            },\n        }),\n        new Route({\n            name: \"tools-filter\",\n            pattern: \"/:lang/filter/tools/:toolId\",\n            content: (params, route) => {\n                return {\n                    view: \"ToolsPage\",\n                    // this fix is not good\n                    data: new ToolsPageController(params.toolId)\n                };\n            },\n        }),\n        new Route({\n            name: \"tools-details\",\n            pattern: \"/:lang/tools/:toolId\",\n            content: (params, route) => {\n                const data = new ToolDetailsController()\n                data.load(params.toolId);\n\n                return {\n                    view: \"ToolDetailsPage\",\n                    data,\n                };\n            },\n        }),\n    ]\n}\n\n","import {Model, View} from \"@lernetz/ts-lib\";\nimport {gateway} from \"../services/gateway\";\nimport {languageService} from \"../services/lang\";\nimport {router} from \"../services/router\";\nimport template from \"./Home.html\";\n\nexport class HomeView extends View {\n    constructor() {\n        super({ template, data: new HomeController() });\n    }\n\n}\n\nexport class HomeController extends Model {\n    topics: any;\n    feeds: any;\n    activeTopic: any;\n    items: [];\n    currentLang: any;\n\n    applyFilter(tag) {\n        this.activeTopic !== tag ? this.activeTopic = tag : this.activeTopic = false;\n        this.updateUrl();\n        if (this.activeTopic) {\n            this.loadItems();\n        } else {\n            this.items = null;\n        }\n    }\n\n    init() {\n        this.currentLang = languageService.currentLang;\n        gateway.loadTopics().then(topics => {\n            this.topics = topics\n            this.activeTopic = this.parseParams();\n            if (this.activeTopic) {\n                this.loadItems();\n            }\n        });\n        gateway.toolGateway.feed().then( tools => {\n            this.feeds = tools\n        });\n    }\n\n    loadItems() {\n        gateway.toolGateway\n            .loadFilteredTools(this.createParams(this.activeTopic))\n            .then((tools) => (this.items = tools));\n    }\n\n    private updateUrl() {\n        const params = this.createParams(this.activeTopic);\n        const newUrl = params ? `/${this.currentLang}/home/${params}` : '/';\n        router.writeURL(newUrl);\n    }\n\n    private createParams(filters) {\n        const paramParts = [];\n        if (filters) {\n            paramParts.push(`tags=${filters.slug}`);\n        }\n        const paramsUrl = paramParts.length ? `?${paramParts.join(\"&\")}` : \"\";\n        return paramsUrl;\n    }\n\n    private parseParams() {\n        const searchParams = new URLSearchParams(window.location.search);\n        const tag = searchParams.has(\"tags\") ? searchParams.get(\"tags\") : null\n        return this.activeTopic = this.topics.tags.find( t => t.slug === tag)\n    }\n}\n","// Module\nvar code = \"<div class=\\\"w-full\\\"> <div class=\\\"w-full min-h-[320px] h-[45vh] flex items-center bg-cover bg-center\\\" style=\\\"background-image:url(/static/banner-reduced.jpg)\\\"> <div class=\\\"items-center w-full p-6 mx-auto text-6xl italic font-bold text-white md:p-16 md:text-8xl max-w-screen-xl\\\"> let’s teach </div> </div> <div class=\\\"px-8 py-16 mx-auto max-w-screen-xl\\\"> <div id=\\\"searchrow\\\" class=\\\"py-8 border-b-2 border-grey_2\\\" view=\\\"SearchRow\\\"></div> <div class=\\\"py-8 border-b-2 border-grey_2\\\" view=\\\"Topics\\\" data-topics=\\\"[[topics.tags]]\\\" data-name=\\\"[[topics.name]]\\\" data-active=\\\"[[ activeTopic ]]\\\" on-choice=\\\"[[applyFilter(event)]]\\\"></div> <div view=\\\"Show\\\" data-if=\\\"[[ items && items.length ]]\\\"> <div class=\\\"mt-8 -mb-8 font-semibold\\\">[[ items.length ]] [[this.trans('results')]]</div> <div view=\\\"CardList\\\" data-tools=\\\"[[ items ]]\\\" data-label=\\\"\\\" class=\\\"mb-xxl\\\"></div> </div> <div view=\\\"Repeat\\\" data-items=\\\"[[ feeds ]]\\\" data-as=\\\"feed\\\"> <div view=\\\"CardList\\\" data-tools=\\\"[[ feed.tools ]]\\\" data-title=\\\"[[ feed.title ]]\\\" class=\\\"mt-8 mb-24\\\"></div> </div> </div> <div view=\\\"Footer\\\"></div> </div> \";\n// Exports\nexport default code;","import {Model, View} from \"@lernetz/ts-lib\";\nimport {gateway} from \"../../services/gateway\";\nimport {paramService} from \"../../services/params.service\";\nimport {tagService} from \"../../services/tag.service\";\nimport template from \"./results.component.html\";\n\nexport class ResultPage extends View {\n    constructor() {\n        super({ template });\n    }\n}\n\nexport class ResultPageController extends Model {\n    tags: string[];\n    tools: any;\n    constructor(private currentLang: string) {\n        super();\n    }\n    init() {\n        gateway.loadFilters().then(filterCategories => {\n            const tagSlugs = paramService.parseParams();\n            this.tags = tagService.getActiveTagsFromParam(filterCategories, tagSlugs);\n            this.loadItems();\n        })\n    }\n\n    loadItems() {\n        gateway.toolGateway\n            .loadFilteredTools(paramService.createParams(this.tags))\n            .then((tools) => (this.tools = tools));\n    }\n}\n","// Module\nvar code = \"<div class=\\\"\\\"> <div class=\\\"px-8 mx-auto max-w-screen-xl\\\"> <div class=\\\"py-20\\\"> <h1 class=\\\"mb-8 italic font-bold tt-h1\\\">[[ this.trans('result-title') ]]</h1> </div> <div view=\\\"ActiveTags\\\" data-action=\\\"[[false]]\\\" data-active-filters=\\\"[[ tags ]]\\\"></div> <div view=\\\"CardList\\\" data-tools=\\\"[[ tools ]]\\\" data-label=\\\"\\\" class=\\\"mb-xxl\\\"></div> </div> <div view=\\\"Footer\\\"></div> </div> \";\n// Exports\nexport default code;","import {View} from \"@lernetz/ts-lib\";\nimport {gateway} from \"../../services/gateway\";\nimport {languageService} from \"../../services/lang\";\nimport {trackEvent} from \"../../services/tracker\";\nimport template from \"./search.html\";\n\nexport class SearchPage extends View {\n    constructor() {\n        super({ template });\n    }\n\n    init() {\n        const el = this.node.querySelector('input#search') as HTMLInputElement;\n        this.data.el = el;\n        el.focus();\n        el.addEventListener('input', (event: InputEvent) => {\n            this.data.loading = true;\n            this.data.search((event.target as HTMLInputElement).value);\n        })\n    }\n}\n\nexport class SearchController {\n    searchResults: {\n        tools: any;\n        goodPractices: any;\n    };\n    currentLang: any;\n    loading: boolean;\n    el: HTMLInputElement;\n    init() {\n        this.currentLang = languageService.currentLang;\n    }\n    search(query) {\n        this.loading = true;\n        this.debouncedSearch(query);\n    }\n    overrideSearch(term) {\n        this.el.value = term;\n        this.search(term);\n    }\n\n    debouncedSearch = debounce( (query) => {\n        if (query) {\n            gateway.search(query).then( res => {\n                this.loading = false;\n                this.searchResults = res;\n                trackEvent('search', { query })\n            });\n        } else {\n            this.searchResults = null;\n        }\n    })\n\n}\n\n\nconst debouncedTrack = debounce( (query) => {\n});\n\nfunction debounce(func, timeout = 800){\n  let timer;\n  return (...args) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => { func.apply(this, args); }, timeout);\n  };\n}\n","// Module\nvar code = \"<div class=\\\"w-full\\\"> <div class=\\\"flex flex-col items-baseline w-full px-8 mx-auto mt-16 max-w-screen-xl\\\"> <input autofocus id=\\\"search\\\" type=\\\"text\\\" class=\\\"w-full font-semibold placeholder-black border-0 outline-none tt-h1 overflow-ellipsis my-9 focus:placeholder-gray-400\\\" placeholder=\\\"[[this.trans('searchPlaceholder')]]\\\" on-input=\\\"[[ test() ]]\\\"> <hr class=\\\"w-full border-2 border-black\\\"/> <h2 class=\\\"my-6 text-2xl font-semibold\\\">[[ this.trans('popularTerms')]]</h2> <ul class=\\\"font-mono md:flex\\\"> <li on-click=\\\"[[ overrideSearch('lernziele')]]\\\" class=\\\"mr-4 cursor-pointer\\\">#Lernziele</li> <li on-click=\\\"[[ overrideSearch('prüfung')]]\\\" class=\\\"mr-4 cursor-pointer\\\">#Prüfung</li> <li on-click=\\\"[[ overrideSearch('Video')]]\\\" class=\\\"cursor-pointer\\\">#Video</li> </ul> <h2 class=\\\"my-6 text-2xl font-semibold\\\">[[ this.trans('popularCategories')]]</h2> <ul class=\\\"font-mono md:flex\\\"> <li class=\\\"px-2 mb-2 mr-4 border border-black rounded-full cursor-pointer\\\" on-click=\\\"[[ this.router.toPath('/de/home/?tags=grundlagen')]]\\\">Einstieg in die Lehre</li> <li class=\\\"px-2 mb-2 mr-4 border border-black rounded-full cursor-pointer\\\" on-click=\\\"[[ this.router.toPath('/de/home/?tags=digitale-tools') ]]\\\">Digitale Tools</li> </ul> <div view=\\\"Show\\\" data-if=\\\"[[ searchResults.tools]]\\\"> <div class=\\\"mt-8 -mb-8 font-semibold\\\">[[ searchResults.tools.length ]] [[this.trans('results') ]] in [[ this.trans('tools')]]</div> <div view=\\\"CardList\\\" data-tools=\\\"[[ searchResults.tools ]]\\\" data-label=\\\"\\\" class=\\\"mb-xxl\\\"></div> </div> <div view=\\\"Show\\\" data-if=\\\"[[ searchResults.goodPractice]]\\\"> <div class=\\\"mt-8 -mb-8 font-semibold\\\">[[ searchResults.goodPractice.length ]] [[this.trans('results') ]] in [[ this.trans('good-practices')]]</div> <div view=\\\"CardList\\\" data-tools=\\\"[[ searchResults.goodPractice ]]\\\" data-label=\\\"\\\" class=\\\"mb-xxl\\\"></div> </div> </div> </div> \";\n// Exports\nexport default code;","import {View} from \"@lernetz/ts-lib\";\nimport {languageService} from \"../services/lang\";\nimport template from \"./Missing.html\"\n\nexport class MissingPageView extends View {\n    constructor() {\n        super({template})\n    }\n}\n\nexport class MissingPageController {\n    currentLang: any;\n    init() {\n        this.currentLang = languageService.currentLang;\n    }\n}\n","// Module\nvar code = \"<div class=\\\"w-full\\\"> <div class=\\\"w-full px-8 mx-auto max-w-screen-xl\\\"> <h1 class=\\\"mt-8 mb-8 italic font-bold md:mt-32 text-myh1\\\">[[ this.trans('missingTitle')]]</h1> <div class=\\\"md:grid md:grid-cols-2 gap-8\\\"> <div class=\\\"mb-8\\\"> <img src=\\\"/static/404.gif\\\"/> </div> <div class=\\\"text-xl leading-[1.8]\\\"> <p class=\\\"mb-4 text-2xl font-semibold\\\">[[ this.trans('missingText-1')]]</p> <p class=\\\"mb-4\\\">[[ this.trans('missingText-2')]]</p> <p class=\\\"mb-4\\\">[[ this.trans('missingText-3')]]</p> <button on-click=\\\"[[ this.router.toRoute('search', {lang: currentLang})]]\\\" class=\\\"flex w-full md:w-fit md:pr-32 text-xl black text-black py-2.5 border-[3px] border-black relative my-8\\\"> <svg class=\\\"w-6 h-6 mx-5 shrink-0\\\" view=\\\"Icon\\\" data-name=\\\"icon-lupe\\\"></svg> <span class=\\\"overflow-x-hidden whitespace-nowrap overflow-ellipsis\\\">Tools, Methoden, Good Practices, ...</span> </button> <div class=\\\"flex-1\\\"></div> <button on-click=\\\"[[ this.router.toRoute('wizard', {lang: currentLang})]]\\\" class=\\\"flex text-white py-3.5 px-5 bg-black rounded-full text-xl font-medium buttonsuchhilfedefault my-8\\\"> <svg class=\\\"mr-5 w-7 h-7\\\" view=\\\"Icon\\\" data-name=\\\"icon-zauberstab-side\\\"></svg> <div>[[ this.trans('wizardStart') ]]</div> </button> </div> </div> </div> </div> \";\n// Exports\nexport default code;","import {View} from \"@lernetz/ts-lib\";\nimport {gateway} from \"../../services/gateway\";\nimport {ColumnLayout, ColumnLayoutView} from \"./article-elements/column-layout/column-layout.component\";\nimport {Column, ColumnView} from \"./article-elements/column-layout/column.component\";\nimport {Contact, ContactView} from \"./article-elements/contact/contact.component\";\nimport template from \"./generic.component.html\";\n\nexport class GenericPage extends View {\n    constructor() {\n        super({template});\n        this.registry.add( Column, () => new ColumnView())\n        this.registry.add( ColumnLayout, () => new ColumnLayoutView())\n        this.registry.add( Contact, () => new ContactView())\n    }\n}\n\nexport class GenericPageController {\n    content: any;\n    routeInit(slug: string) {\n        gateway.loadPage(slug).then( res => {\n            debugger;\n            this.content = res;\n            debugger;\n        });\n    }\n}\n","// Module\nvar code = \"<div class=\\\"\\\"> <div class=\\\"px-8 mx-auto max-w-screen-xl\\\"> <div class=\\\"py-20 [[ { 'hidden': content.slug !== 'contact' && content.slug !== 'kontakt'} ]]\\\"> <div class=\\\"\\\"> <h1 class=\\\"text-5xl italic font-bold mb-xl\\\">[[this.trans('contact')]]</h1> <div class=\\\"text-[2rem] font-semibold\\\">[[ this.trans('footer-question')]]</div> <div class=\\\"text-[2rem] font-semibold mb-8\\\">[[ this.trans('footer-promise')]]</div> <div class=\\\"pb-16 border-b-2 border-grey_2 md:grid md:grid-cols-3\\\"> <div class=\\\"mb-6 leading-7\\\"> <p>Universität Zürich</p> <p>Hochschuldidaktik</p> <p>Hirschengraben 84</p> <p>8001 Zürich</p> </div> <div class=\\\"leading-7\\\"> <a href=\\\"tel:+41446342228\\\" class=\\\"flex items-center\\\"><svg class=\\\"w-5 h-5 mr-4\\\" view=\\\"Icon\\\" data-name=\\\"icon-phone\\\"></svg>+41 44 634 22 28</a> <a href=\\\"mailto:teachingtools@education.uzh.ch\\\" class=\\\"flex items-center\\\"><svg class=\\\"w-5 h-5 mr-4\\\" view=\\\"Icon\\\" data-name=\\\"icon-mail\\\"></svg>teachingtools@education.uzh.ch</a> <div>Twitter: <a href=\\\"https://twitter.com/uzh_ttools\\\">@uzh_ttools</a></div> </div> </div> </div> </div> <div> <div view=\\\"Repeat\\\" data-items=\\\"[[content.content_elements]]\\\" data-as=\\\"element\\\"> <div view=\\\"[[ element ]]\\\" data=\\\"[[ element ]]\\\"></div> </div> </div> </div> <div view=\\\"Footer\\\"></div> </div> \";\n// Exports\nexport default code;","import { Signal, View } from \"@lernetz/ts-lib\";\nimport {observeProperties} from \"@lernetz/ts-lib/src/Observer\";\nimport {languageService} from \"../../services/lang\";\nimport { router } from \"../../services/router\";\nimport template from \"./Navigation.html\";\n\nexport class NavigationView extends View {\n    constructor() {\n        super({ template, data: new NavigationController() });\n    }\n\n    init() {}\n}\n\nclass NavigationController {\n    router = router;\n    currentLang: string;\n    mobileMenuOpen: boolean;\n    showZoom = true;\n\n    scrollObservable: Signal<unknown>;\n    scrollHandler: any;\n\n    constructor() {\n        this.currentLang = languageService.currentLang;\n        observeProperties(this.router, 'current').propertyChange.subscribe(arg => {\n            if (this.router.current.route.name === 'home') {\n                this.showZoom = false;\n                if (!this.scrollHandler) {\n                    this.scrollHandler = this.scrollObservable.subscribe(() => {\n                        this.updateZoomState();\n                    });\n                }\n            } else {\n                this.showZoom = true;\n            }\n        });\n    }\n    changeLanguage(lang) {\n        languageService.changeLanguage(lang, router);\n    }\n\n    mobileToRoute(urlName, params?) {\n        this.mobileMenuOpen = false;\n        this.router.toRoute(urlName, params);\n    }\n\n    updateZoomState() {\n        const rect = document.getElementById('searchrow').getBoundingClientRect().top;\n        if (rect < 0 && !this.showZoom) {\n            this.showZoom = true;\n        } else if (rect > 0 && this.showZoom) {\n            this.showZoom = false;\n        }\n    }\n\n}\n\n","// Module\nvar code = \"<nav class=\\\"fixed z-50 w-full bg-white\\\"> <div class=\\\"flex items-center h-16 px-6 md:h-24\\\"> <div> <a view=\\\"RouteLink\\\" data-path=\\\"[[`/${currentLang}`]]\\\" class=\\\"cursor-pointer\\\"> <div> <img src=\\\"/static/logo-t-tools.svg\\\"/> </div> </a> </div> <div class=\\\"flex-1\\\"></div> <ul class=\\\"items-center hidden md:flex\\\"> <li> <a view=\\\"RouteLink\\\" class=\\\"whitespace-nowrap hover:italic\\\" data-path=\\\"[[`/${currentLang}/tools`]]\\\"> <div class=\\\"ml-6 text-2xl font-semibold [[{ 'nav-active': router._current.route.name.includes('tools') }]]\\\">Tools</div> </a> </li> <li> <a class=\\\"whitespace-nowrap ml-6 text-2xl font-semibold cursor-pointer hover:italic [[{ 'text-active': router._current.route.name.includes('good-practice'), 'italic': router._current.route.name.includes('good-practice') }]]\\\" on-click=\\\"[[ router.toRoute('good-practice', { lang: currentLang }) ]]\\\">Good Practice</a> </li> </ul> <ul class=\\\"flex items-center\\\"> <li class=\\\"hidden md:block\\\" view=\\\"Show\\\" data-if=\\\"[[ showZoom ]]\\\"> <button on-click=\\\"[[router.toRoute('search', {lang: currentLang})]]\\\" class=\\\"flex ml-8 pr-5 text-xl black text-black py-2.5 border-[3px] border-black relative overflow-ellipsis\\\"> <svg class=\\\"w-6 h-6 mx-5\\\" view=\\\"Icon\\\" data-name=\\\"icon-lupe\\\"></svg> <span class=\\\"whitespace-nowrap\\\">[[ this.trans('search') ]]</span> </button> </li> <li class=\\\"ml-6 md:hidden\\\" view=\\\"Show\\\" data-if=\\\"[[ showZoom ]]\\\"> <button on-click=\\\"[[router.toRoute('search', {lang: currentLang})]]\\\" class=\\\"flex select-none\\\"> <svg class=\\\"w-8 md:w-10\\\" view=\\\"Icon\\\" data-name=\\\"icon-lupe\\\"></svg> </button> </li> <li view=\\\"Show\\\" data-if=\\\"[[ showZoom ]]\\\" class=\\\"ml-4 md:ml-8\\\"> <div on-click=\\\"[[router.toRoute('wizard', {lang: currentLang})]]\\\" class=\\\"bg-black rounded-full md:w-[56px] md:h-[56px] w-8 h-8 cursor-pointer flex items-center justify-center\\\"> <svg class=\\\"w-5 h-5 text-white md:w-8 md:h-8\\\" view=\\\"Icon\\\" data-name=\\\"icon-zauberstab-side\\\"></svg> </div> </li> </ul> <div class=\\\"hidden md:block\\\"> <a class=\\\"ml-8 hover:italic\\\" href=\\\"/[[currentLang]]/p/kontakt\\\" on-click=\\\"[[ router.toRoute('page', {lang: currentLang, slug: 'kontakt'})]]\\\"> [[this.trans('contact')]] </a> </div> <div class=\\\"hidden mx-6 md:flex\\\"> <a on-click=\\\"[[changeLanguage('de', router)]]\\\" class=\\\"cursor-pointer [[ { 'text-grey_3': currentLang !== 'de'}]]\\\">DE</a>|<a on-click=\\\"[[changeLanguage('en', router)]]\\\" class=\\\"cursor-pointer [[ { 'text-grey_3': currentLang !== 'en'}]]\\\">EN</a> </div> <div class=\\\"ml-4 select-none md:hidden\\\" on-click=\\\"[[mobileMenuOpen = !mobileMenuOpen]]\\\"> <svg view=\\\"Icon\\\" data-name=\\\"[[ mobileMenuOpen ? 'icon-menu-close' : 'icon-menu' ]]\\\" class=\\\"w-8 h-8\\\"> </svg> </div> </div> </nav> <div view=\\\"Overlay\\\" class=\\\"top-16 md:hidden [[ {'hidden': !mobileMenuOpen}]]\\\" on-signal=\\\"[[mobileMenuOpen=false]]\\\"> <div class=\\\"flex flex-col items-baseline p-6 bg-white left-1/4 space-y-6\\\"> <a class=\\\"text-2xl font-semibold cursor-pointer hover:italic [[{ 'nav-active': router._current.route.name.includes('tools') }]]\\\" on-click=\\\"[[ mobileToRoute('tools', { lang: currentLang})]]\\\">Tools</a> <a class=\\\"text-2xl font-semibold cursor-pointer hover:italic [[{ 'text-active': router._current.route.name.includes('good-practice'), 'italic': router._current.route.name.includes('good-practice') }]]\\\" on-click=\\\"[[ mobileToRoute('good-practice', { lang: currentLang })]]\\\">Good Practice</a> <a class=\\\"font-medium hover:italic\\\" href=\\\"/[[currentLang]]/p/kontakt\\\" on-click=\\\"[[ mobileToRoute('page', {lang: currentLang, slug: 'kontakt'})]]\\\"> [[this.trans('contact')]] </a> <div class=\\\"md:flex\\\"> <a on-click=\\\"[[changeLanguage('de', router)]]\\\" class=\\\"cursor-pointer [[ { 'text-grey_3': currentLang !== 'de'}]]\\\">DE</a> | <a on-click=\\\"[[changeLanguage('en', router)]]\\\" class=\\\"cursor-pointer [[ { 'text-grey_3': currentLang !== 'en'}]]\\\">EN</a> </div> </div> </div>  <div class=\\\"h-16 md:h-24\\\"></div> \";\n// Exports\nexport default code;","import {Model, Signal, View} from \"@lernetz/ts-lib\"\nimport template from \"./Topics.html\";\n\nexport class Topics extends View {\n\n    constructor() {\n        super({ template, data: new TopicsController()})\n    }\n\n}\n\nclass TopicsController extends Model {\n    // inputs\n    public topics;\n    choice: Signal<unknown>;\n    active: any;\n\n    constructor() {\n        super();\n        this.choice = new Signal();\n    }\n\n    choose(item) {\n        this.choice.dispatch(item);\n    }\n\n}\n","// Module\nvar code = \"<div> <h2 class=\\\"text-[26px] font-semibold\\\">[[ name ]]</h2> <div view=\\\"Slider\\\"> <template name=\\\"MainContent\\\"> <div> <div view=\\\"Repeat\\\" data-items=\\\"[[ topics ]]\\\" data-as=\\\"topic\\\" class=\\\"flex items-center space-x-8 h-52\\\"> <button on-click=\\\"[[parent.choose(topic)]]\\\" class=\\\"flex justify-center px-6 w-52 text-xl transition [[ parent.active === topic ? 'scale-110 italic' : '' ]] hover:scale-110 hover:italic font-semibold my-2.5 place-items-center vertical h-44 topic-box flex-shrink-0\\\"> [[ topic.name ]] </button> </div> </div> </template> <template name=\\\"ControlLeft\\\"> <div> <div class=\\\"flex items-center justify-center bg-black rounded-full w-14 h-14\\\"> <svg class=\\\"text-white w-7 h-7\\\" view=\\\"Icon\\\" data-name=\\\"icon-arrow-left\\\"></svg> </div> </div> </template> <template name=\\\"ControlRight\\\"> <div> <div class=\\\"flex items-center justify-center bg-black rounded-full w-14 h-14\\\"> <svg class=\\\"text-white w-7 h-7\\\" view=\\\"Icon\\\" data-name=\\\"icon-arrow-right\\\"></svg> </div> </div> </template> </div> </div> \";\n// Exports\nexport default code;","import {View} from \"@lernetz/ts-lib\";\nimport template from './Wizard.html';\n\nexport class WizardView extends View {\n    constructor() {\n        super({template})\n    }\n\n}\n\n","// Module\nvar code = \"<div class=\\\"w-full md:h-full md:grid md:grid-cols-2\\\"> <div class=\\\"pt-6 md:pt-[30px] pb-20 px-6 md:px-20 [[ {'bg-t_blue': level%5 === 0, 'bg-brown': level%5===1, 'bg-coral': level%5===2, 'bg-green': level%5===3, 'bg-yellow': level%5===4 } ]]\\\"> <div view=\\\"Show\\\" data-if=\\\"[[ level!==0]]\\\" class=\\\"\\\"> <a on-click=\\\"[[ back() ]]\\\" class=\\\"flex items-center cursor-pointer md:-ml-10 space-x-4\\\"> <svg view=\\\"Icon\\\" data-name=\\\"icon-arrow-left\\\" class=\\\"w-6 h-6 shrink-0\\\"></svg> <span class=\\\"text-xl\\\">[[this.trans('back')]]</span> </a> </div> <div class=\\\"mt-12 md:mt-16 tt-h3\\\">[[ question ]]</div> </div> <div class=\\\"px-6 py-12 bg-black md:p-20\\\"> <div view=\\\"Repeat\\\" data-items=\\\"[[ answers ]]\\\" data-as=\\\"answer\\\" class=\\\"flex flex-col h-full space-y-4\\\"> <div on-click=\\\"[[ answer.goTo(parent.level, parent.activeTags) ]]\\\" class=\\\"p-6 font-semibold bg-white cursor-pointer hover:italic\\\">[[ answer.answer ]]</div> </div> </div> </div> \";\n// Exports\nexport default code;","import {View} from \"@lernetz/ts-lib\";\nimport {languageService} from \"../../services/lang\";\nimport template from \"./good-practice.view.html\";\n\nexport class GoodPracticeView extends View {\n    currentLang: any;\n    constructor() {\n        super({ template });\n    }\n    init() {\n        this.data.currentLang = languageService.currentLang;\n    }\n}\n","// Module\nvar code = \"<div class=\\\"w-full\\\"> <div class=\\\"px-8 mx-auto max-w-screen-xl\\\"> <div class=\\\"py-20\\\"> <h1 class=\\\"text-5xl italic font-bold mb-xl\\\">Good Practice</h1> <div class=\\\"text-3xl\\\">[[ this.trans('good-practice-lead') ]]</div> </div> <div view=\\\"Repeat\\\" data-items=\\\"[[ goodPractices ]]\\\" data-as=\\\"goodPractice\\\" class=\\\"md:grid gap-16 grid-cols-2\\\"> <div class=\\\"flex flex-col cursor-pointer\\\" on-click=\\\"[[ this.router.toPath( `/${parent.currentLang}/good-practice/${goodPractice.slug}` ) ]]\\\"> <img class=\\\"object-cover w-full h-60\\\" src=\\\"[[ this.setup.route('asset', { preset:'original', ext:goodPractice.preview_image.ext, file_name:goodPractice.preview_image.file_name }).url() ]]\\\"/> <div class=\\\"py-8 md:px-8\\\"> <h2 class=\\\"mb-4 font-semibold text-myh3\\\">[[ goodPractice.title ]]</h2> <span class=\\\"font-mono\\\">[[ goodPractice.author.name ]], [[ goodPractice.date ]] </span> </div> </div> </div> </div> <div view=\\\"Footer\\\"></div> </div> \";\n// Exports\nexport default code;","import {View} from \"@lernetz/ts-lib\";\nimport {observeArray} from \"@lernetz/ts-lib/src/Observer\";\nimport template from \"./list.view.html\";\nimport toolTemplate from \"./cards/tool.template.html\";\nimport gpTemplate from \"./cards/good-practice.template.html\";\nimport {languageService} from \"../../../services/lang\";\n\nexport class ToolListView extends View {\n    constructor() {\n        super({ template })\n        this.registry.add('App\\\\Tool', () => new View({template: toolTemplate}));\n        this.registry.add('App\\\\GoodPractice', () => new View({template: gpTemplate}));\n    }\n    init() {\n        observeArray(this.data.tools);\n        this.data.lang = languageService.currentLang\n    }\n}\n","// Module\nvar code = \"<div class=\\\"\\\"> <h2 class=\\\"text-[26px] font-semibold my-m\\\">[[ title ]]</h2> <div view=\\\"Repeat\\\" data-items=\\\"[[ tools ]]\\\" data-as=\\\"tool\\\" class=\\\"-mx-4 md:grid md:grid-cols-3\\\"> <div view=\\\"[[tool.modelName]]\\\" data=\\\"[[tool]]\\\" data-lang=\\\"[[ parent.lang ]]\\\" class=\\\"px-4 my-6 custom-divide-x-2\\\"> </div> </div> </div> \";\n// Exports\nexport default code;","// Module\nvar code = \"<div> <a on-click=\\\"[[ this.router.toPath( '/' + lang + '/tools/' + slug )]]\\\" class=\\\"cursor-pointer group\\\"> <img class=\\\"object-cover w-full h-60\\\" src=\\\"[[ this.setup.route('asset', { preset:'medium', ext:preview_image.ext, file_name:preview_image.file_name }).url() ]]\\\"/> <div class=\\\"py-m md:px-m\\\"> <span class=\\\"text-[13px] italic text-active\\\">[[ this.trans('tool') ]]</span> <h3 class=\\\"mt-3 mb-2 text-[1.625rem] font-semibold group-hover:italic line-clamp-2\\\">[[ title ]]</h3> <span class=\\\"font-mono\\\">[[ featuredTags ]]</span> </div> </a> </div> \";\n// Exports\nexport default code;","// Module\nvar code = \"<div> <a on-click=\\\"[[ this.router.toPath( '/' + lang + '/good-practice/' + slug )]]\\\" class=\\\"cursor-pointer group\\\"> <img class=\\\"object-cover w-full h-60\\\" src=\\\"[[ this.setup.route('asset', { preset:'medium', ext:preview_image.ext, file_name:preview_image.file_name }).url() ]]\\\"/> <div class=\\\"overflow-x-hidden py-m md:px-m text-ellipsis\\\"> <span class=\\\"text-[13px] italic text-active\\\">[[ this.trans('good-practice') ]]</span> <h3 class=\\\"mt-3 mb-2 text-[1.625rem] font-semibold group-hover:italic line-clamp-2\\\">[[ title ]]</h3> <span class=\\\"mr-2 font-mono\\\">[[ author.name ]], [[ date ]]</span> </div> </a> </div> \";\n// Exports\nexport default code;","import {View} from \"@lernetz/ts-lib\";\nimport {languageService} from \"../../services/lang\";\nimport template from \"./search-row.html\";\n\nexport class SearchRow extends View {\n    constructor() {\n        super({ template, data: new SearchRowContorller() })\n    }\n    init() {\n        this.data.router = this.context.router;\n        this.data.currentLang = languageService.currentLang;\n    }\n}\n\nclass SearchRowContorller {\n}\n","// Module\nvar code = \"<div class=\\\"flex flex-wrap items-center\\\"> <button on-click=\\\"[[ router.toRoute('search', {lang: currentLang})]]\\\" class=\\\"flex pr-5 md:pr-32 text-xl black text-black py-2.5 border-[3px] border-black relative overflow-ellipsis flex-1 md:flex-0\\\"> <svg class=\\\"w-6 h-6 mx-5\\\" view=\\\"Icon\\\" data-name=\\\"icon-lupe\\\"></svg> <span class=\\\"hidden md:block whitespace-nowrap\\\">[[ this.trans('searchHomePlaceholder')]]</span> <span class=\\\"md:hidden whitespace-nowrap\\\">[[ this.trans('search')]]</span> </button> <div class=\\\"hidden md:block md:flex-1\\\"></div> <button on-click=\\\"[[ router.toRoute('wizard', {lang: currentLang})]]\\\" class=\\\"ml-8 flex text-white py-3.5 px-5 bg-black rounded-full text-xl font-medium buttonsuchhilfedefault\\\"> <svg class=\\\"md:mr-5 w-7 h-7\\\" view=\\\"Icon\\\" data-name=\\\"icon-zauberstab-side\\\"></svg> <div class=\\\"hidden md:block\\\">[[ this.trans('wizardStart')]]</div> </button> </div> \";\n// Exports\nexport default code;","import {View} from \"@lernetz/ts-lib\";\nimport template from \"./slider.component.html\";\n\nexport class SliderView extends View {\n    sliderPosition = 0;\n    constructor() {\n        super({template, data: new SliderController()})\n    }\n    init() {\n        const controlLeft = this.node.querySelector( \"[view='ControlLeft']\");\n        controlLeft.classList.add('hidden');\n    }\n\n    goLeft() {\n        this.sliderPosition -= 200\n        if (this.sliderPosition < 0) {\n            this.sliderPosition = 0\n        }\n        this.applyTranslate()\n    }\n\n    goRight() {\n        this.sliderPosition += 200;\n        const innerWidth = this.node.querySelector( \"[view='MainContent']\").clientWidth;\n        if (this.sliderPosition > innerWidth-this.node.clientWidth) {\n            // Math.max ensures not a negative sliderposition\n            this.sliderPosition = Math.max(innerWidth-this.node.clientWidth,0);\n        }\n        this.applyTranslate()\n    }\n\n    private applyTranslate() {\n        const slidingElement = this.node.querySelector( \"[view='MainContent']\");\n        (slidingElement as HTMLElement).style.transform = `translateX(-${this.sliderPosition}px)`\n        this.hideElements()\n    }\n\n    private hideElements() {\n        const innerWidth = this.node.querySelector( \"[view='MainContent']\").clientWidth;\n\n        const controlRight = this.node.querySelector( \"[view='ControlRight']\");\n        if (innerWidth-this.sliderPosition <= this.node.clientWidth) {\n            (controlRight as HTMLElement).classList.add('hidden')\n        } else {\n            (controlRight as HTMLElement).classList.remove('hidden')\n        }\n\n        const controlLeft = this.node.querySelector( \"[view='ControlLeft']\");\n        if (this.sliderPosition === 0) {\n            (controlLeft as HTMLElement).classList.add('hidden')\n        } else {\n            (controlLeft as HTMLElement).classList.remove('hidden')\n        }\n    }\n\n}\n\nclass SliderController {\n}\n","// Module\nvar code = \"<div class=\\\"relative overflow-x-hidden h-52\\\"> <div class=\\\"absolute top-0 bottom-0 transition-transform\\\" view=\\\"MainContent\\\"></div> <div on-click=\\\"[[this.view.goLeft()]]\\\" class=\\\"[[ {'hidden': sliderPosition === 0} ]] absolute top-0 bottom-0 left-8 flex items-center select-none\\\" view=\\\"ControlLeft\\\"></div> <div on-click=\\\"[[this.view.goRight()]]\\\" class=\\\"absolute top-0 bottom-0 flex items-center select-none right-8\\\" view=\\\"ControlRight\\\"></div> </div> \";\n// Exports\nexport default code;","import {View} from \"@lernetz/ts-lib\";\nimport {languageService} from \"../../services/lang\";\nimport template from \"./footer.component.html\";\n\nexport class FooterView extends View {\n    constructor() {\n        super({template, data: {lang: languageService.currentLang}});\n    }\n}\n","// Module\nvar code = \"<div class=\\\"py-8 mt-24 border-t-2 md:mt-32 border-grey_2\\\"> <div class=\\\"w-full px-8 mx-auto md:flex max-w-screen-xl\\\"> <div class=\\\"flex flex-col items-baseline max-w-lg mr-4 md:mr-32\\\"> <div class=\\\"flex-1 mb-8 font-semibold tt-h3\\\"> <p>[[ this.trans('footer-question')]]</p> <p>[[ this.trans('footer-promise')]]</p> </div> <img class=\\\"hidden h-12 mt-8 md:block\\\" src=\\\"/static/logo.svg\\\" alt=\\\"Logo Universität Zürich\\\"> </div> <div class=\\\"flex flex-col items-baseline leading-relaxed\\\"> <p>Universität Zürich</p> <p>Hochschuldidaktik</p> <p>Hirschengraben 84</p> <p>8001 Zürich</p> <a href=\\\"tel:+41 44 634 22 28\\\" class=\\\"flex items-center mt-8\\\"><svg class=\\\"w-5 h-5 mr-4\\\" view=\\\"Icon\\\" data-name=\\\"icon-phone\\\"></svg>+41 44 634 22 28</a> <a href=\\\"mailto:teachingtools@education.uzh.ch\\\" class=\\\"flex items-center mt-2\\\"><svg class=\\\"w-5 h-5 mr-4\\\" view=\\\"Icon\\\" data-name=\\\"icon-mail\\\"></svg>teachingtools@education.uzh.ch</a> <a href=\\\"[[`/${lang}/p/impressum`]]\\\" class=\\\"mt-6 hover:nav-active\\\">Impressum</a> <a href=\\\"[[`/${lang}/p/datenschutz`]]\\\" class=\\\"mt-6 hover:nav-active\\\">Datenschutz</a> </div> <img class=\\\"h-12 mt-8 md:hidden\\\" src=\\\"/static/logo.svg\\\" alt=\\\"Logo Universität Zürich\\\"> </div> </div> \";\n// Exports\nexport default code;","import {Model, Signal, View} from \"@lernetz/ts-lib\";\n\nimport template from \"./filter.component.html\";\n\nexport class FilterView extends View {\n    constructor() {\n        super({ template , data: new FilterController()});\n    }\n}\n\nclass FilterController extends Model {\n    filterEnable = false;\n    filterChange: any;\n    activeFilters: any[];\n    openedFilter: any;\n    constructor() {\n        super();\n        this.filterChange = new Signal();\n    }\n    toggleFilter(filter) {\n        // this.activeFilters.filter( activeFilter => activeFilter.id !== filter.id);\n        this.filterChange.dispatch(filter)\n    }\n\n    openFilter(filter) {\n        this.openedFilter !== filter ? this.openedFilter = filter : this.openedFilter = null;\n    }\n\n}\n","// Module\nvar code = \"<div> <div class=\\\"items-start md:flex\\\"> <div view=\\\"Show\\\" data-if=\\\"[[ filterEnable ]]\\\" class=\\\"\\\"> <div class=\\\"mb-4 mr-12 md:grid gap-x-4 gap-y-8 md:grid-cols-3 xl:grid-cols-4\\\" view=\\\"Repeat\\\" data-items=\\\"[[filters]]\\\" data-as=\\\"filter\\\"> <div view=\\\"DropDown\\\" data-category=\\\"[[ filter ]]\\\" data-open=\\\"[[ parent.openedFilter === filter ]]\\\" on-filter-change=\\\"[[parent.toggleFilter(event)]]\\\" on-filter-open=\\\"[[ parent.openFilter(event) ]]\\\"></div> </div> </div> <div class=\\\"flex\\\"> <button class=\\\"flex items-center space-x-4 text-white py-3.5 px-5 bg-black rounded-full text-xl font-medium\\\" on-click=\\\"[[(filterEnable = !filterEnable)]]\\\"> <svg class=\\\"w-5 h-5\\\" view=\\\"Icon\\\" data-name=\\\"icon-filter\\\"></svg> <div>[[ this.trans('filter') ]]</div> </button> </div> </div> <div view=\\\"Repeat\\\" data-items=\\\"[[activeFilters]]\\\" data-as=\\\"filter\\\" class=\\\"flex mt-6 md:mt-8 space-x-4\\\"> <button class=\\\"text-white py-1.5 px-3.5 bg-black rounded-full flex justify-between\\\" on-click=\\\"[[parent.toggleFilter(filter)]]\\\"> [[filter.name]] <svg class=\\\"w-6 h-6\\\" view=\\\"Icon\\\" data-name=\\\"icon-hamburger-close\\\"></svg> </button> </div> </div> \";\n// Exports\nexport default code;","import { Model } from '@lernetz/ts-lib';\nimport { Signal } from '@lernetz/ts-lib/src/Signal';\nimport { Repeat } from '@lernetz/ts-lib/src/components/Repeat';\nimport { View, ViewConfig } from '@lernetz/ts-lib/src/view/View';\n\nexport class DropDownView<TItem = any> extends View<DropDown<TItem>> {\n\n    private closeHandler:(event) => void;\n\n    constructor( config?:ViewConfig<DropDown> ) {\n        super( { data:new DropDown(), ...config } );\n\n        // handler to close dropdown from everywhere\n        this.closeHandler = ( event ) => {\n            this.data.open = false;\n        }\n\n        this.registry.add( 'Repeat', () => new Repeat() );\n    }\n\n    init() {\n        // swallow click event\n        this.node.addEventListener( 'click', ( event ) => {\n            event.stopImmediatePropagation();\n        });\n\n        // listen on list open\n        this.data.propertyChange.filter( ( change ) => change.name == 'open' && this.data.open ).subscribe( this.onOpen.bind( this ) );\n\n        // listen on list close\n        this.data.propertyChange.filter( ( change ) => change.name == 'open' && !this.data.open ).subscribe( this.onClose.bind( this ) );\n    }\n\n    onOpen() {\n        document.addEventListener( 'click', this.closeHandler );\n    }\n\n    onClose() {\n        document.removeEventListener( 'click', this.closeHandler );\n    }\n}\n\n/**\n * Specialized `View` class that auto-closes the `DropDown` when it loses focus.\n *\n * This requires a template where the drop-down can receive the input focus.\n * Typically, you'll want to make the toggle `.button` focusable, as well as every\n * `.list .item` &ndash; e.g. by means of `tabindex=\"0\"`.\n */\nexport class FocusableDropDownView<TItem = any> extends View<DropDown<TItem>> {\n\n    constructor( config?:ViewConfig<DropDown> ) {\n        super( { data: config?.data ?? new DropDown<unknown>(), ...config } );\n\n        this.registry.add( 'Repeat', () => new Repeat() );\n    }\n\n    init() {\n        this.node.addEventListener( 'focusout', () => this.data.open &&= this.node.matches( ':focus-within' ) );\n    }\n}\n\n/**\n * Specialized `FocusableDropDownView` class that adds keyboard support.\n */\nexport class AccessibleDropDownView<TItem = any> extends FocusableDropDownView<DropDown<TItem>> {\n\n    init() {\n        super.init();\n\n        this.node.addEventListener( 'keydown', ( e: KeyboardEvent ) => {\n            if( !this.data.disabled && this.onKey( e, e.altKey || e.ctrlKey || e.metaKey || e.shiftKey ) ) {\n                e.stopPropagation();\n                e.preventDefault();\n            }\n        } );\n    }\n\n    protected onKey( e: KeyboardEvent, hasAnyModifierKey: boolean ): boolean {\n        switch( e.key ) {\n            case 'ArrowDown': return this.onArrowDownKey( e, hasAnyModifierKey );\n            case 'ArrowUp':   return this.onArrowUpKey  ( e, hasAnyModifierKey );\n            case ' ':         return this.onSpaceKey    ( e, hasAnyModifierKey );\n            case 'Enter':     return this.onEnterKey    ( e, hasAnyModifierKey );\n        }\n    }\n\n    protected onArrowDownKey( e: KeyboardEvent, hasAnyModifierKey: boolean ): boolean {\n        if( hasAnyModifierKey ) return;\n\n        const index = 1 + ( this.data.items?.indexOf( this.data.selection ) ?? -1 );\n        if( index < this.data.items?.length ?? 0 ) {\n            this.data.selection = this.data.items[ index ];\n        }\n        return true;\n    }\n\n    protected onArrowUpKey( e: KeyboardEvent, hasAnyModifierKey: boolean ): boolean {\n        if( hasAnyModifierKey ) return;\n\n        const index = -1 + ( this.data.items?.indexOf( this.data.selection ) ?? -1 );\n        if( index >= 0 ) {\n            this.data.selection = this.data.items[ index ];\n        }\n        return true;\n    }\n\n    protected onEnterKey( e: KeyboardEvent, hasAnyModifierKey: boolean ): boolean {\n        return this.onEnterOrSpaceKey( e, hasAnyModifierKey );\n    }\n\n    protected onSpaceKey( e: KeyboardEvent, hasAnyModifierKey: boolean ): boolean {\n        return this.onEnterOrSpaceKey( e, hasAnyModifierKey );\n    }\n\n    private onEnterOrSpaceKey( e: KeyboardEvent, hasAnyModifierKey: boolean ): boolean {\n        if( hasAnyModifierKey ) return;\n\n        const listFocused = this.node.querySelector( '.list' )?.matches( ':focus-within' );\n        if( listFocused ) {\n            const focusedElement = e.target;\n            if( focusedElement instanceof HTMLElement ) {\n                focusedElement.click();\n                const button = this.node.querySelector( '.button' );\n                if( button instanceof HTMLElement ) {\n                    button.focus();\n                }\n                this.data.open = false;\n                return true;\n            }\n        }\n        else {\n            this.data.open = !this.data.open;\n            return true;\n        }\n    }\n}\n\nexport interface DropDownConfig<TItem = any> {\n    disabled?: boolean;\n    items?: TItem[];\n    open?: boolean;\n    selection?: TItem;\n}\n\nexport class DropDown<TItem = any> extends Model {\n\n    public disabled: boolean;\n    public items: TItem[];\n    public open: boolean;\n    public selection?: TItem;\n\n    constructor( config?: DropDownConfig<TItem> ) {\n        super( { disabled: false, open: false, items: [], selection: null, ...config } );\n    }\n\n    select( item: TItem ) {\n        if( this.disabled ) return;\n        this.selection = item;\n        this.open = false;\n    }\n\n    getIndex( item ) {\n        return this.items.indexOf( item );\n    }\n}\n","import {View} from \"@lernetz/ts-lib\";\nimport template from \"./banner-image.component.html\";\n\nexport class BannerImage extends View {\n    constructor() {\n        super({template})\n    }\n\n}\n\n","// Module\nvar code = \"<div> <img view=\\\"Image\\\" data-route=\\\"asset\\\" data-preset=\\\"original\\\" data-file_name=\\\"[[image.file_name]]\\\" data-ext=\\\"[[ image.ext ]]\\\"/> </div> \";\n// Exports\nexport default code;","import {View} from \"@lernetz/ts-lib\"\nimport template from \"./metainfos.component.html\";\nimport downloadTemplate from \"./downloads/download.component.html\";\nimport linkTemplate from \"./downloads/link.component.html\";\n\nexport class MetaInfos extends View {\n    constructor() {\n        super({ template });\n        this.registry.add('App\\\\Download', () => new View({ template: downloadTemplate}));\n        this.registry.add('App\\\\Link', () => new View({ template: linkTemplate}));\n    }\n}\n","// Module\nvar code = \"<div class=\\\"text-sm\\\"> <div view=\\\"Repeat\\\" data-items=\\\"[[ infos.metainfos ]]\\\" data-as=\\\"info\\\" class=\\\"flex flex-col\\\"> <div class=\\\"flex py-4 border-b\\\"> <div class=\\\"flex w-1/2\\\"> <svg class=\\\"w-5 h-5 mr-4 shrink-0\\\" view=\\\"Icon\\\" data-name=\\\"info-[[ info.icon ]]\\\"></svg> <div class=\\\"font-semibold\\\">[[ info.key ]]</div> </div> <div class=\\\"w-1/2\\\">[[ info.value ]]</div> </div> </div> <div view=\\\"Show\\\" data-if=\\\"[[ infos.hint.title || infos.hint.text]]\\\"> <div class=\\\"py-5 border-b\\\"> <div class=\\\"font-semibold\\\">[[ infos.hint.title ]]</div> <div>[[ infos.hint.text ]]</div> </div> </div> <div view=\\\"Show\\\" data-if=\\\"[[ infos.downloads.length]]\\\"> <div class=\\\"py-5 border-b\\\"> <div class=\\\"mb-2 font-semibold\\\">[[ this.trans('materials') ]]</div> <div class=\\\"flex flex-col space-y-2\\\" view=\\\"Repeat\\\" data-items=\\\"[[ infos.downloads]]\\\" data-as=\\\"download\\\"> <div view=\\\"[[download.modelName]]\\\" data=\\\"[[download]]\\\"></div> </div> </div> </div> </div> \";\n// Exports\nexport default code;","// Module\nvar code = \"<div> <a class=\\\"flex items-center\\\" href=\\\"[[ this.setup.route( 'download', { file_name:file.file_name } ).url() ]]\\\" target=\\\"[[ target ]]\\\"> <svg class=\\\"w-5 h-5 mr-4 shrink-0\\\" view=\\\"Icon\\\" data-name=\\\"icon-download\\\"></svg> <span class=\\\"\\\">[[ text ]]</span> </a> </div> \";\n// Exports\nexport default code;","// Module\nvar code = \"<div> <a class=\\\"flex items-center\\\" href=\\\"[[ url ]]\\\" target=\\\"[[ target ]]\\\"> <svg view=\\\"Icon\\\" data-name=\\\"icon-link-blank\\\" class=\\\"w-5 h-5 mr-5 shrink-0\\\"></svg> <span class=\\\"\\\">[[ text ]]</span> </a> </div> \";\n// Exports\nexport default code;","import {Model, Signal} from \"@lernetz/ts-lib\";\n\nexport class DropDownController extends Model {\n    filterChange: Signal<unknown>;\n    filterOpen: Signal<unknown>;\n    constructor() {\n        super();\n        this.filterChange = new Signal();\n        this.filterOpen = new Signal();\n    }\n}\n","import {View} from \"@lernetz/ts-lib\";\nimport GoodPracticeModule from \"../../../good-practice/good-practice.module\";\nimport template from \"./good-practice-details.component.html\";\n\nexport class GoodPracticeDetails extends View {\n    constructor() {\n        super({ template, registry: GoodPracticeModule.views });\n    }\n}\n","// Module\nvar code = \"<div class=\\\"w-full\\\"> <div class=\\\"px-8 mx-auto my-32 max-w-screen-md\\\"> <h1 class=\\\"font-semibold tt-h1\\\">[[goodPractice.title]]</h1> <div class=\\\"my-8 tt-big\\\">[[goodPractice.lead]]</div> <div class=\\\"my-8 font-mono\\\">[[goodPractice.author.name]], [[goodPractice.date]]</div> <div view=\\\"Repeat\\\" data-items=\\\"[[ goodPractice.content_elements]]\\\" data-as=\\\"element\\\" class=\\\"\\\"> <div view=\\\"[[ element ]]\\\" data=\\\"[[ element ]]\\\"></div> </div> <div class=\\\"pt-8 mt-8 border-t-2 border-grey_2\\\" view=\\\"AuthorCard\\\" data=\\\"[[ goodPractice.author ]]\\\"></div> </div> <div view=\\\"Footer\\\"></div> </div> \";\n// Exports\nexport default code;","// Module\nvar code = \"<svg class=\\\"svg-icon\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 24 24\\\"> <path d=\\\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\\\"/> </svg> \";\n// Exports\nexport default code;","// Module\nvar code = \"<svg class=\\\"svg-icon\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 24 24\\\"> <path d=\\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\\"/> </svg> \";\n// Exports\nexport default code;","import checked from '@lernetz/ui-components/src/toggle/defaults/checkboxChecked.html';\nimport unchecked from '@lernetz/ui-components/src/toggle/defaults/checkboxUnchecked.html';\nimport {Signal, View} from \"@lernetz/ts-lib\";\nimport {observeProperties} from \"@lernetz/ts-lib/src/Observer\";\n\nexport class CheckboxToggle extends View {\n    checkedTemplate: string;\n    uncheckedTemplate: string;\n    public constructor() {\n        super({ data: { condition: false}});\n        this.checkedTemplate = checked;\n        this.uncheckedTemplate = unchecked;\n    }\n\n    init() {\n        this.update();\n        observeProperties(this.data);\n        this.data.propertyChange.subscribe( event => {\n            this.update();\n        })\n    }\n\n    update(): void {\n        this.node.innerHTML = this.data.condition ? checked : unchecked;\n    }\n}\n","import {Signal, View} from \"@lernetz/ts-lib\";\nimport template from \"./overlay.component.html\"\n\nexport class Overlay extends View {\n    constructor() {\n        super({ template, data: new OverlayController()});\n    }\n    init() {\n        this.node.addEventListener( 'click', ( event ) => {\n            event.stopImmediatePropagation();\n            this.data.signal.dispatch(event);\n        });\n    }\n}\n\nexport class OverlayController {\n    signal: Signal<unknown>;\n    constructor() {\n        this.signal = new Signal();\n    }\n}\n","// Module\nvar code = \"<div class=\\\"absolute top-0 bottom-0 left-0 right-0 z-50 bg-black/30\\\"> <div view=\\\"Content\\\" class=\\\"absolute top-0 bottom-0 left-0 right-0 overflow-y-auto border-t\\\"> </div> </div> \";\n// Exports\nexport default code;","// Module\nvar code = \"<svg width=\\\"359px\\\" height=\\\"344px\\\" viewBox=\\\"0 0 359 344\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" xmlns:xlink=\\\"http://www.w3.org/1999/xlink\\\"> <g id=\\\"Screendesign-@Umsetzung\\\" stroke=\\\"none\\\" stroke-width=\\\"1\\\" fill=\\\"none\\\" fill-rule=\\\"evenodd\\\"> <g id=\\\"l_Wizard_Start\\\" transform=\\\"translate(-731.000000, -254.000000)\\\"> <g id=\\\"Group-3\\\" transform=\\\"translate(731.000000, 254.268685)\\\"> <path d=\\\"M151.290994,226.731315 L129,204.440321 L245.709006,87.7313151 L268,110.022309 L151.290994,226.731315 Z M223.418172,139.743262 L215.987894,132.312983 L143.861456,204.439528 L151.291787,211.869859 L223.418172,139.743262 Z\\\" class=\\\"wiggle1\\\" fill=\\\"#232323\\\"></path> <circle class=\\\"blink\\\" fill=\\\"#E7DBF9\\\" cx=\\\"207.184211\\\" cy=\\\"336.231315\\\" r=\\\"7.5\\\"></circle> <circle class=\\\"blink\\\" fill=\\\"#8EC9BB\\\" cx=\\\"7.5\\\" cy=\\\"136.126052\\\" r=\\\"7.5\\\"></circle> <polygon class=\\\"blink-2\\\" fill=\\\"#FB8E7E\\\" transform=\\\"translate(335.338764, 220.450456) rotate(-29.000000) translate(-335.338764, -220.450456) \\\" points=\\\"335.484946 231.119952 324.824212 236.577997 326.752631 224.813003 317.998987 216.380699 329.963223 214.779994 335.213909 204.110498 340.679795 214.886202 352.67854 216.724395 344.092407 224.984851 346.257354 236.790413\\\"></polygon> <polygon class=\\\"blink-2\\\" fill=\\\"#FB8E7E\\\" transform=\\\"translate(92.737486, 36.458302) rotate(-29.000000) translate(-92.737486, -36.458302) \\\" points=\\\"92.9722921 53.5962071 75.8484603 62.3632066 78.9459878 43.4656549 64.8854256 29.9212447 84.1030107 27.3501086 92.5369372 10.2122032 101.316531 27.5207054 120.589546 30.4733075 106.798048 43.7416863 110.2755 62.7044002\\\"></polygon> <polygon class=\\\"blink-3\\\" fill=\\\"#ADCBE1\\\" transform=\\\"translate(80.645974, 290.687530) rotate(64.000000) translate(-80.645974, -290.687530) \\\" points=\\\"80.4160527 308.99986 62.4314612 318.713025 66.0354505 298.462122 51.6883934 284.278091 71.7247283 281.141413 80.842351 262.662035 89.6214976 280.974365 109.603555 283.737513 94.9930315 298.191833 98.2249998 318.378929\\\"></polygon> <circle class=\\\"blink\\\" fill=\\\"#E7DBF9\\\" cx=\\\"292.5\\\" cy=\\\"70.2313151\\\" r=\\\"7.5\\\"></circle> <circle class=\\\"blink-3\\\" fill=\\\"#E2C0A8\\\" cx=\\\"134.5\\\" cy=\\\"126.231315\\\" r=\\\"7.5\\\"></circle> </g> </g> </g> </svg> \";\n// Exports\nexport default code;","import {View} from \"@lernetz/ts-lib\";\nimport template from \"./MagicWand.component.html\";\n\nexport const MagicWand = new View({template})\n\n","import {View, ViewRegistry} from \"@lernetz/ts-lib\";\nimport {languageService} from \"../../services/lang\";\nimport {MagicWand} from \"./MagicWand.component\";\nimport template from \"./WizardStart.html\";\n\nconst registry = new ViewRegistry();\nregistry.add('MagicWand', () => MagicWand);\n\nexport class WizardStart extends View {\n    constructor() {\n        super({\n            template, registry\n        });\n    }\n    init() {\n        this.data.currentLang = languageService.currentLang;\n    }\n}\n\n\n","// Module\nvar code = \"<div class=\\\"flex w-full min-h-full bg-yellow max-h-fit\\\"> <div class=\\\"px-8 mx-auto md:grid md:grid-cols-2 max-w-screen-xl mt-36 h-fit\\\"> <div class=\\\"\\\"> <div class=\\\"mb-3 md:mb-8 tt-h1\\\">[[ this.trans('wizardStartText') ]]</div> <button class=\\\"my-6 md:my-8 px-6 py-3.5 text-white text-xl font-medium bg-black rounded-full\\\" on-click=\\\"[[ this.router.toPath(`/${currentLang}/wizard/${id}`)]]\\\">[[ this.trans('start') ]]</button> </div> <div> <svg view=\\\"MagicWand\\\" class=\\\"w-full\\\"></svg> </div> </div> </div> \";\n// Exports\nexport default code;","import {Signal, View} from '@lernetz/ts-lib';\nimport template from './active-tags.component.html';\n\nexport class ActiveTags extends View {\n    choose: Signal<unknown>;\n    constructor() {\n        super({template});\n        this.choose = new Signal();\n    }\n}\n","// Module\nvar code = \"<div> <div view=\\\"Repeat\\\" data-items=\\\"[[activeFilters]]\\\" data-as=\\\"filter\\\" class=\\\"flex flex-wrap space-x-4\\\"> <button class=\\\"mb-6 py-1.5 px-3.5 rounded-full flex justify-between [[ action ? 'text-white bg-black ' : 'text-black white border-2 border-black font-medium' ]]\\\" on-click=\\\"[[parent.choose.dispatch(filter)]]\\\"> <div class=\\\"whitespace-nowrap\\\">[[filter.name]]</div> <svg class=\\\"w-6 h-6 [[ !action ? 'hidden' : '']]\\\" view=\\\"Icon\\\" data-name=\\\"icon-hamburger-close\\\"></svg> </button> </div> </div> \";\n// Exports\nexport default code;","import {View} from \"@lernetz/ts-lib\";\nimport {Router} from \"@lernetz/ui-components/src/router/Router\";\nimport {languageService} from \"../../../services/lang\";\nimport template from \"./route-link.component.html\";\n\n\nexport class RouteLink extends View {\n    constructor(router: Router) {\n        super({ template, data: new RouteLinkController(router)})\n    }\n}\n\nclass RouteLinkController {\n    path: any;\n    routeName: string;\n    routeParams: any;\n    isActive: boolean;\n    currentLang: any;\n    constructor(private router) {\n        this.currentLang = languageService.currentLang\n    }\n\n    goTo(event) {\n        if (this.path) {\n            event.preventDefault();\n            this.router.toPath(this.path);\n        }\n        if (this.routeName) {\n            event.preventDefault();\n            debugger;\n            this.router.toRoute(this.routeName, {lang: this.currentLang, ...this.routeParams });\n        }\n    }\n\n    init() {\n        if (this.path) {\n            this.isActive = window.location.pathname === this.path;\n        }\n        if (this.routeName) {\n            if (this.router.current.route) {\n                this.isActive = this.router.current.route.name === this.routeName;\n            } else {\n                let found = this.router.routes.find( r => r.name == this.routeName );\n                this.isActive = found.pathOf( this.routeParams ) === window.location.pathname;\n\n\n            }\n        }\n    }\n}\n","// Module\nvar code = \"<a href=\\\"[[ url ]]\\\" target=\\\"[[target]]\\\" class=\\\"cursor-pointer\\\" on-click=\\\"[[goTo(event)]]\\\"> <div view=\\\"Content\\\"></div> </a> \";\n// Exports\nexport default code;","import { ViewRegistry, ModelRegistry, Repeat, Show } from '@lernetz/ts-lib';\nimport {RouterView} from '@lernetz/ui-components/src/router/Router';\nimport {StackView} from '@lernetz/ui-components/src/stack/Stack';\nimport {Heading, HeadingView} from '@lernetz/ui-components/src/heading/Heading';\nimport {Html, HtmlView } from '@lernetz/ui-components/src/html/Html';\nimport {SvgIconView} from \"@lernetz/ui-components/src/svg-icons/SvgIcon\";\n\nimport { AppView } from './components/app/App';\nimport {Paragraph, ParagraphView} from './components/article-elements/paragraph/Paragraph';\nimport {Title, TitleView} from './components/article-elements/title/Title';\nimport {NavigationView} from './components/navigation/Navigation';\nimport {Topics} from './components/topics/Topics';\nimport {WizardView} from './components/wizard/Wizard';\nimport {GoodPracticeView} from './pages/good-practice/good-practice.view';\nimport {HomeView} from './pages/Home';\nimport {ToolDetailsView} from './pages/tools/details/tool-details.view';\nimport {ToolsPageView} from './pages/tools/tools.view';\nimport {router} from './services/router';\nimport {ToolListView} from './tool/components/list/list.view';\nimport StackTemplate from './pages/Stack.html';\nimport {SearchPage} from './pages/search/search';\nimport {SearchRow} from './components/search-row/search-row.component';\nimport {SliderView} from './components/common/slider/slider.component';\nimport {FooterView} from './components/footer/footer.component';\nimport {FilterView} from './components/filter/filter.component';\nimport { DropDownView } from '@lernetz/ui-components/src/drop-down/DropDown';\nimport dropDownTemplate from './components/common/dropdown/DropDown.component.html';\nimport symbols from './icons/symbols.html';\nimport {Image, ImageView} from './components/article-elements/image/Image';\nimport { DecoratedIframely, DecoratedIframelyView } from './components/article-elements/decoratedIframely/DecoratedIframely';\nimport { ImageView as BaseImageView } from '@lernetz/ui-components/src/image/Image';\nimport {BannerImage} from './components/common/banner-image/banner-image.component';\nimport {MetaInfos} from './pages/tools/details/metainfos.component';\nimport {DropDownController} from './components/common/dropdown/dropdown.component';\nimport {GoodPracticeDetails} from './pages/good-practice/details/good-practice-details.component';\nimport {Toggle, ToggleView} from './components/article-elements/toggle/Toggle';\nimport {PersonalImpact, PersonalImpactView} from './components/article-elements/personal-impact/PersonalImpact';\nimport {Carousel, CarouselView} from './components/article-elements/carousel/Carousel';\nimport {GenericPage} from './pages/generic/generic.component';\nimport {MaterialList, MaterialListView} from './components/article-elements/materiallist/MaterialList';\nimport {CheckboxToggle} from './components/common/checkbox/checkbox.component';\nimport {MissingPageView} from './pages/Missing';\nimport {Overlay} from './components/common/overlay/overlay.component';\nimport {WizardStart} from './components/wizard/WizardStart';\nimport {ResultPage} from './pages/results/results.component';\nimport {ActiveTags} from './components/tags/active-tags.component';\nimport {RelatedContent, RelatedContentView} from './components/article-elements/related-content/related-content.component';\nimport {RouteLink} from './components/common/route-link/route-link.component';\n\nexport const viewRegistry = new ViewRegistry();\nviewRegistry.add( 'App', () => new AppView() );\nviewRegistry.add( 'Router', () => new RouterView( { data: router } ) );\nviewRegistry.add( 'RouteLink', () => new RouteLink(router) );\nviewRegistry.add( 'Stack', () => new StackView({ template: StackTemplate }) );\n\n// Pages\nviewRegistry.add( 'Missing', () => new MissingPageView() );\nviewRegistry.add( 'Home', () => new HomeView() );\n\nviewRegistry.add( 'Wizard', () => new WizardView() );\nviewRegistry.add( 'WizardStart', () => new WizardStart() );\n\nviewRegistry.add( 'GoodPracticePage', () => new GoodPracticeView() );\nviewRegistry.add( 'GoodPracticeDetailsPage', () => new GoodPracticeDetails() );\nviewRegistry.add( 'ToolsPage', () => new ToolsPageView() );\nviewRegistry.add( 'ToolDetailsPage', () => new ToolDetailsView() );\nviewRegistry.add( 'SearchPage', () => new SearchPage() );\nviewRegistry.add( 'GenericPage', () => new GenericPage() );\nviewRegistry.add( 'ResultPage', () => new ResultPage() );\n\nviewRegistry.add( 'Navigation', () => new NavigationView() );\nviewRegistry.add( 'Footer', () => new FooterView() );\nviewRegistry.add( 'Topics', () => new Topics() );\nviewRegistry.add( 'SearchRow', () => new SearchRow() );\nviewRegistry.add( 'CardList', () => new ToolListView() );\nviewRegistry.add('Filter', () => new FilterView());\nviewRegistry.add('ActiveTags', () => new ActiveTags());\n\nviewRegistry.add( 'Show', () => new Show() );\nviewRegistry.add( 'Repeat', () => new Repeat() );\nviewRegistry.add( 'DropDown', () => new DropDownView({ template: dropDownTemplate, data: new DropDownController() as any}) );\nviewRegistry.add('Icon', () => new SvgIconView({ symbols }) );\nviewRegistry.add('Checkbox', () => new CheckboxToggle());\nviewRegistry.add('Overlay', () => new Overlay());\n\nviewRegistry.add('MetaInfos', () => new MetaInfos());\n\nviewRegistry.add( 'Slider', () => new SliderView());\n\n// article\nviewRegistry.add( Title, () => new TitleView() );\nviewRegistry.add( 'Heading', () => new HeadingView( { data: new Heading({\n    styles: {\n        'h1': 'tt-h1 mt-24 md:mt-32 mb-12 md:mb-16',\n        'h2': 'tt-h2 mt-12 md:mt-16 mb-6 md:mb-8',\n        'h3': 'tt-h3 mt-6 md:mt-8 mb-4',\n        'h4': 'tt-h4 mt-4 mb-4',\n        'h5': '',\n        'h6': '',\n    }\n}) } ) );\nviewRegistry.add( 'Html', () => {\n    const html = new Html({\n        styles: {\n            'p': 'text-style -para',\n            'b': 'text-style -b',\n            'i': 'text-style -i',\n            'a': 'text-style -a',\n            'ul': 'text-style -list',\n            'ol': 'text-style -list',\n        }\n    })\n    return new HtmlView({ data: html});\n});\n\nviewRegistry.add(\"BannerImage\", () => new BannerImage());\nviewRegistry.add(\"Image\", () => new BaseImageView());\n// viewRegistry.add( Image, () => new View({template: '<img view=\"Image\" data=[[this.data]]></img>'}) );\nviewRegistry.add( Image, () => new ImageView() );\nviewRegistry.add( Carousel, () => new CarouselView() );\nviewRegistry.add( MaterialList, () => new MaterialListView() );\nviewRegistry.add( DecoratedIframely, () => new DecoratedIframelyView() );\nviewRegistry.add( Paragraph, () => new ParagraphView() );\nviewRegistry.add( RelatedContent, () => new RelatedContentView());\nviewRegistry.add( Toggle, () => new ToggleView());\nviewRegistry.add( PersonalImpact, () => new PersonalImpactView());\n\n\nexport var modelRegistry = new ModelRegistry();\n","// Module\nvar code = \"<div class=\\\"h-full\\\"> <div view=\\\"[[ top.view ]]\\\" data=\\\"[[ top.data ]]\\\"></div> </div> \";\n// Exports\nexport default code;","// Module\nvar code = \"<div class=\\\"relative\\\"> <button class=\\\"flex items-center w-full px-6 py-3 mb-4 text-left border-2 border-black md:mb-0 text-l\\\" on-click=\\\"[[ filterOpen.dispatch(category)]]\\\"> <div class=\\\"flex-1 overflow-x-hidden overflow-ellipsis whitespace-nowrap\\\">[[ category.name ]]</div> <svg class=\\\"w-6 h-6 text-black shrink-0\\\" view=\\\"Icon\\\" data-name=\\\"[[ open ? 'icon-arrow-up' : 'icon-arrow-down']]\\\"> </svg></button> <div class=\\\"absolute z-10 px-6 py-4 border-black border-2 bg-white top-[120%] [[ open ? '' : 'hidden']]\\\"> <div class=\\\"flex flex-col space-y-4\\\" view=\\\"Repeat\\\" data-items=\\\"[[ category.tags ]]\\\" data-as=\\\"tag\\\"> <div class=\\\"flex cursor-pointer space-x-4\\\" on-click=\\\"[[ parent.filterChange.dispatch(tag)]]\\\"> <div class=\\\"w-5 h-5 shrink-0\\\" view=\\\"Checkbox\\\" data-condition=\\\"[[ tag.active ]]\\\"></div> <div>[[ tag.name ]]</div> </div> </div> </div> </div> \";\n// Exports\nexport default code;","// Module\nvar code = \"<svg><defs/><symbol id=\\\"icon-arrow-down\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"m16.426 8.088 1.486 1.338L12 15.995l-5.912-6.57 1.486-1.337L12 13.005z\\\" fill=\\\"#232323\\\"/></symbol><symbol id=\\\"icon-arrow-left\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"m15.454 8.116-1.338-1.487-6.57 5.912 6.57 5.913 1.338-1.487-4.918-4.426z\\\" fill=\\\"currentColor\\\"/></symbol><symbol id=\\\"icon-arrow-right\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"m7.546 8.116 1.338-1.487 6.57 5.912-6.57 5.913-1.338-1.487 4.918-4.426z\\\" fill=\\\"currentColor\\\"/></symbol><symbol id=\\\"icon-arrow-up\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"m16.426 15.995 1.486-1.338L12 8.087l-5.912 6.57 1.486 1.338L12 11.078z\\\" fill=\\\"#232323\\\"/></symbol><symbol id=\\\"icon-checkbox-default\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"M21 3H3v18h18V3zm-2 2v14H5V5h14z\\\" fill=\\\"#232323\\\"/></symbol><symbol id=\\\"icon-download\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm0 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 3v10.084l3.5-3.498L17.914 13 12 18.914 6.086 13 7.5 11.586l3.5 3.5V5h2z\\\" fill=\\\"currentColor\\\"/></symbol><symbol id=\\\"icon-enhance\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"M13.707 17.364v2H4.636v-9.071h2v7.07l7.071.001zm5.657-12.728v9.071h-2v-7.07l-7.071-.001v-2h9.071z\\\" fill=\\\"currentColor\\\"/></symbol><symbol id=\\\"icon-filter\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"M18 17v2H6v-2h12zm2-6v2H4v-2h16zm2-6v2H2V5h20z\\\" fill=\\\"currentColor\\\"/></symbol><symbol id=\\\"icon-hamburger-close\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"M17.657 7.757 13.414 12l4.243 4.243-1.414 1.414L12 13.414l-4.243 4.243-1.414-1.414L10.586 12 6.343 7.757l1.414-1.414L12 10.586l4.243-4.243 1.414 1.414z\\\" fill=\\\"#FFF\\\"/></symbol><symbol id=\\\"icon-link-blank\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"M8.263 4v2H3v15h15v-5.263h2V23H1V4h7.263zm14.864-2.67v8.365h-2l-.002-4.949-8.544 8.545-1.415-1.414 8.545-8.545-4.948-.001v-2h8.364z\\\" fill=\\\"currentColor\\\"/></symbol><symbol id=\\\"icon-lupe\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"M3.657 3.657c3.905-3.905 10.237-3.905 14.142 0 3.666 3.666 3.89 9.471.673 13.4l3.802 3.803-1.414 1.414-3.803-3.803c-3.928 3.219-9.734 2.995-13.4-.672-3.905-3.905-3.905-10.237 0-14.142zM5.07 5.07a8 8 0 1 0 11.314 11.314A8 8 0 0 0 5.07 5.07z\\\" fill=\\\"#232323\\\"/></symbol><symbol id=\\\"icon-mail\\\" viewBox=\\\"0 0 23 23\\\"><path d=\\\"M23 3.692v14.77H0V3.692h23zm-1.917 2.972L11.5 13.127 1.916 6.664v9.951h19.167v-9.95zM19.41 5.538H3.589l7.911 5.335 7.91-5.335z\\\" fill=\\\"#232323\\\"/></symbol><symbol id=\\\"icon-menu-close\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"m18.364 4.222 1.414 1.414L13.414 12l6.364 6.364-1.414 1.414L12 13.414l-6.364 6.364-1.414-1.414L10.586 12 4.222 5.636l1.414-1.414L12 10.586l6.364-6.364z\\\"/></symbol><symbol id=\\\"icon-menu\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"M22 17v2H2v-2h20zm0-6v2H2v-2h20zm0-6v2H2V5h20z\\\"/></symbol><symbol id=\\\"icon-phone\\\" viewBox=\\\"0 0 23 23\\\"><path d=\\\"M21.083 14.77v4.673c-5.59 1.962-10.7.712-15.333-3.75C1.917 12 .958 7.384 2.875 1.845h4.894l1.947 5.609L7.748 9.24a7.015 7.015 0 0 0 1.968 3.356c.974.935 2.265 1.686 3.873 2.253l1.97-1.786 5.524 1.706z\\\" stroke=\\\"#000\\\" stroke-width=\\\"2\\\" fill=\\\"none\\\" stroke-linecap=\\\"round\\\"/></symbol><symbol id=\\\"icon-zauberstab-side\\\" viewBox=\\\"0 0 359 344\\\"><g transform=\\\"translate(-731 -254)\\\" fill=\\\"none\\\" fill-rule=\\\"evenodd\\\"><path d=\\\"m804.635 585.14-49.463-49.464L1014.148 276.7l49.463 49.463zm160.05-193.026-16.488-16.488-160.048 160.048 16.488 16.488z\\\" class=\\\"wiggle1\\\" fill=\\\"currentColor\\\" style=\\\"stroke-width:2.21899\\\"/><circle class=\\\"blink\\\" fill=\\\"currentColor\\\" cx=\\\"922.087\\\" cy=\\\"551.808\\\" r=\\\"22.252\\\" style=\\\"stroke-width:2.96698\\\"/><circle class=\\\"blink\\\" fill=\\\"currentColor\\\" cx=\\\"776.856\\\" cy=\\\"414.099\\\" r=\\\"24.434\\\" style=\\\"stroke-width:3.25784\\\"/><path class=\\\"blink-2\\\" fill=\\\"currentColor\\\" d=\\\"m873.252 300.794 20.632 25.124-32.966.713-18.088 26.929-10.88-30.403-31.81-8.481 26.24-19.503-1.572-32.171 27.099 18.35 30.839-11.402z\\\"/><path class=\\\"blink-3\\\" fill=\\\"currentColor\\\" d=\\\"m1030.407 415.951 17.91 25.676 31.807.145-19.466 24.571 9.688 29.592-29.94-10.49-25.82 18.145.961-31.054-25.645-18.38 30.534-8.702z\\\"/><circle class=\\\"blink\\\" fill=\\\"currentColor\\\" cx=\\\"1073.831\\\" cy=\\\"293.53\\\" r=\\\"15.544\\\" style=\\\"stroke-width:2.07255\\\"/><path class=\\\"blink-3\\\" fill=\\\"currentColor\\\" d=\\\"m1026.874 566.135-15.327 10.77.571-18.434-15.223-10.91 18.125-5.166 5.919-17.513 10.631 15.241 18.881.087-11.555 14.585 5.751 17.566z\\\"/></g></symbol><symbol id=\\\"icon-zauberstab\\\" viewBox=\\\"0 0 359 344\\\"><g transform=\\\"translate(0 .269)\\\" fill=\\\"none\\\" fill-rule=\\\"evenodd\\\"><path d=\\\"M151.291 226.731 129 204.441 245.709 87.73 268 110.022l-116.709 116.71zm72.127-86.988-7.43-7.43-72.127 72.127 7.43 7.43 72.127-72.127z\\\" class=\\\"wiggle1\\\" fill=\\\"#232323\\\"/><circle class=\\\"blink\\\" fill=\\\"#E7DBF9\\\" cx=\\\"207.184\\\" cy=\\\"336.231\\\" r=\\\"7.5\\\"/><circle class=\\\"blink\\\" fill=\\\"#8EC9BB\\\" cx=\\\"7.5\\\" cy=\\\"136.126\\\" r=\\\"7.5\\\"/><path class=\\\"blink-2\\\" fill=\\\"#FB8E7E\\\" d=\\\"m340.64 229.711-6.679 9.942-4.017-11.224-11.744-3.132 9.688-7.2-.58-11.877 10.005 6.774 11.385-4.209-3.505 11.387 7.617 9.276zM101.251 51.334l-10.726 15.97-6.453-18.03-18.864-5.03L80.77 32.678 79.838 13.6l16.07 10.882 18.288-6.761-5.63 18.29 12.235 14.9z\\\"/><path class=\\\"blink-3\\\" fill=\\\"#ADCBE1\\\" d=\\\"m64.086 298.508-16.614-11.906 19.781-5.638 6.46-19.113 11.602 16.633 20.606.094-12.61 15.919 6.276 19.17-19.397-6.795-16.727 11.755z\\\"/><circle class=\\\"blink\\\" fill=\\\"#E7DBF9\\\" cx=\\\"292.5\\\" cy=\\\"70.231\\\" r=\\\"7.5\\\"/><circle class=\\\"blink-3\\\" fill=\\\"#E2C0A8\\\" cx=\\\"134.5\\\" cy=\\\"126.231\\\" r=\\\"7.5\\\"/></g></symbol><symbol id=\\\"info-datenschutz\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"M24 0v20.099C24 22.325 21.773 24 19.143 24H4C1.841 24 .108 22.204.005 19.979L0 19.769V16h4V0h20zm-2 2H6v20h13.143l.193-.004c1.533-.07 2.664-.958 2.664-1.897V2zM4 18H2v1.77c0 1.193.835 2.144 1.86 2.224L4 22v-4zM14 4a3 3 0 0 1 2.995 2.824L17 7h-2a1 1 0 0 0-2 0c0 .156.042.257.19.43l.104.106.184.172.976.883.548.504.133.127a3 3 0 0 1 .628 5.205l.136.124.263.251c.074.073.133.133.17.177.44.517.668 1.065.668 1.728a3 3 0 0 1-5.995.176L11 16.707h2a1 1 0 0 0 2 0c0-.156-.042-.256-.19-.43l-.104-.106-.184-.172-.976-.883-.208-.19a3.001 3.001 0 0 1-.918-5.477l-.32-.293-.262-.251a3.094 3.094 0 0 1-.17-.177C11.228 8.21 11 7.663 11 7a3 3 0 0 1 3-3zm0 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2z\\\" fill=\\\"#232323\\\" fill-rule=\\\"nonzero\\\"/></symbol><symbol id=\\\"info-dida-niveau\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"M15 8v16H9V8h6zm8-8v24h-6V0h6zM7 16v8H1v-8h6zm6-6h-2v12h2V10zm8-8h-2v20h2V2zM5 18H3v4h2v-4z\\\" fill=\\\"#232323\\\" fill-rule=\\\"nonzero\\\"/></symbol><symbol id=\\\"info-material\\\" viewBox=\\\"0 0 24 24\\\"><g fill=\\\"#232323\\\" fill-rule=\\\"nonzero\\\"><path d=\\\"M10 0v18.013l-5 5.469-5-5.469V0h10zM7.301 18H2.698L5 20.517 7.301 18zM8 2H2v14h6V2zM6 4v8.75H4V4h2zM24 0v24H14V0h10zm-2 2h-6v3h4v2h-4v4h4v2h-4v4h4v2h-4v3h6V2z\\\"/></g></symbol><symbol id=\\\"info-person\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"M12.571 0a4.048 4.048 0 0 1 2.877 6.895c.345.207.667.453.96.732a4.048 4.048 0 0 1 5.04 6.268 5.566 5.566 0 0 1 2.69 4.553l.005.219V24h-2v-5.333a3.571 3.571 0 0 0-7.138-.19l-.005.19V24h-2v-5.333a5.568 5.568 0 0 1 2.695-4.773 4.03 4.03 0 0 1-1.171-2.846c0-.714.185-1.385.509-1.967a3.55 3.55 0 0 0-2.462-.986 3.564 3.564 0 0 0-3.114 1.821 4.035 4.035 0 0 1-1.01 3.979 5.566 5.566 0 0 1 2.692 4.553l.004.219V24h-2v-5.333a3.571 3.571 0 0 0-7.138-.19l-.005.19V24H0v-5.333a5.568 5.568 0 0 1 2.695-4.773 4.048 4.048 0 0 1 5.621-5.821c.394-.47.861-.867 1.38-1.179A4.048 4.048 0 0 1 12.571 0zm6 9a2.048 2.048 0 1 0 0 4.095 2.048 2.048 0 0 0 0-4.095zm-13 0a2.048 2.048 0 1 0 0 4.095 2.048 2.048 0 0 0 0-4.095zm7-7a2.048 2.048 0 1 0 0 4.095 2.048 2.048 0 0 0 0-4.095z\\\" fill=\\\"#232323\\\" fill-rule=\\\"nonzero\\\"/></symbol><symbol id=\\\"info-vorwissen\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"m16.025 0 .224.006a5 5 0 0 1 4.742 5.297l-.001-.005.003-.06L21 5.5c0 .291-.023.58-.067.863l-.015.077.049.035a7.49 7.49 0 0 1 3.028 5.747L24 12.5a7.5 7.5 0 0 1-3.913 6.588l-.09.046-.002.083a5 5 0 0 1-4.778 4.778L15 24a4.985 4.985 0 0 1-2.82-.87l-.181-.131-.179.13a4.978 4.978 0 0 1-2.564.865L9 24a5 5 0 0 1-5-5l.002.135-.09-.047A7.502 7.502 0 0 1 .02 13.054l-.015-.276L0 12.5a7.492 7.492 0 0 1 3.033-6.025l.048-.036-.014-.077c-.03-.189-.05-.38-.06-.572L3 5.5c0-.105.003-.21.009-.314l-.003.051-.004-.085L3 5A5.005 5.005 0 0 1 7.776.005L8.025 0l.218.006L8.5 0c1.239 0 2.411.413 3.357 1.143l.143.115.143-.115A5.483 5.483 0 0 1 15.236.006L15.5 0c.105 0 .21.003.314.009L15.76.006 16.025 0zM8.523 2l-.34.005L8.025 2l-.176.004a3 3 0 0 0-2.844 3.178v.117A3.571 3.571 0 0 0 5.17 6.58l.248.765-.693.406a5.5 5.5 0 0 0-.388 9.25L10 17v2H6a3 3 0 0 0 5.001 2.234V3.05A3.471 3.471 0 0 0 8.523 2zM16 2l-.185.006H15.7A3.488 3.488 0 0 0 13 3.05v18.185A3 3 0 0 0 18 19h.001-3v-2l4.663.001a5.5 5.5 0 0 0-.387-9.25l-.694-.406.248-.765c.112-.345.17-.708.17-1.08l-.006-.2v-.117L19 5c0-1.601-1.258-2.918-2.825-2.995L16 2zM17 5v2.15l2.406 3.006-1.562 1.25L15 7.85V5h2zm-6.594 0v2.85l-2.844 3.556L6 10.156 8.406 7.15V5h2z\\\" fill=\\\"#232323\\\" fill-rule=\\\"nonzero\\\"/></symbol><symbol id=\\\"info-zeitaufwand\\\" viewBox=\\\"0 0 24 24\\\"><path d=\\\"M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm0 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm.5 3v6H17v2h-6.5V5h2z\\\" fill=\\\"#232323\\\" fill-rule=\\\"nonzero\\\"/></symbol></svg>\";\n// Exports\nexport default code;","\nlet state;\n\nexport function getState() {\n    return state;\n}\n\nexport function setState(newState) {\n    state = Object.freeze(newState);\n}\n","import { setup, scan, route } from '@lernetz/ts-lib';\nimport {AppController} from './components/app/App';\nimport { modelRegistry, viewRegistry } from './register';\nimport {languageService} from './services/lang';\nimport {setState} from './state';\n// extend HttpRequest with a method (move to ts-lib)\n\nexport function init( setupData ) {\n\n    setup( setupData, modelRegistry );\n\n    setState(setupData);\n\n    languageService.determineLanguage();\n\n    const data = {\n        ...setupData.data,\n        ctrl: new AppController()\n    }\n    // route()\n\n    scan( { root: document.body, registry:viewRegistry, data } );\n\n}\n"],"names":["__webpack_require__","exports","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","Symbol","toStringTag","value","Registry","constructor","this","entries","Map","add","closure","set","undefined","pass","regex","mapper","match","inner","cache","templateString","args","join","matches","source","replace","render","Function","data","params","console","trace","log","hasExpression","string","lastIndex","test","Expression","context","snakeToCamel","toUpperCase","Observable","subscribe","subscribe_","debounce","wait","observer","timeout","arg","clearTimeout","setTimeout","filter","fn","map","super","observers_","indexOf","push","observers","unsubscribe","index","splice","dispatch","observeProperties","target","properties","t","propertyChange","length","keys","desc","c","getOwnPropertyDescriptor","getPrototypeOf","attr","name","configurable","observeArray","a","Array","isArray","arrayChange","method","org","res","apply","ClosureExpression","expression","observable","subscription","invoke","bind","event","destroy","NodeEventExpression","node","updateSubscription","el","handler","addEventListener","removeEventListener","RenderExpression","prevLogging","inital","update","root","subscribeTo","ObjectSubscriber","trapper","has","p","unscopables","toPrimitive","hint","Proxy","getExpressionValue","booleanAttributes","HTMLInputElement","HTMLButtonElement","HTMLFieldSetElement","HTMLOptGroupElement","HTMLOptionElement","HTMLSelectElement","HTMLTextAreaElement","Element","AttributeExpression","attribute","boolean","some","elementType","setAttribute","removeAttribute","CSSExpression","expressionString","replacer","TextExpression","nodeValue","empty","exp","hasProperties","onArrayChange","props","unshift","obs","onObjectChange","forEach","e","size","child","values","ViewExpression","template","attributes","getNamedItem","expressions","mergers","parseAttributes","parseInnerTemplates","renderView","rerenderCheck","flag","merger","reset","view","viewName","factory","found","registry","parent","lookup","Error","extendContext","create","expr","prepareContent","innerTemplates","getViewName","mergeNodes","DataEventExpression","invokeInit","attrs","slice","dataExpr","DataExpression","RerenderCheck","getAttribute","DataAttributeExpression","substring","eventExpression","AttributeEventExpression","SignalEventExpression","templateNodes","querySelectorAll","from","parentNode","removeChild","innerHTML","concat","item","i","AttributeMerger","setupInner","setupOuter","hasChildNodes","appendChild","firstChild","filterExpressions","toString","m","viewExpression","d","subscribeArray","unsubscribeArray","arraySubscription","signalName","signal","getAttrOf","outer","outerContent","innerContent","classes","split","list","classList","config","_source","translate","opts","num","parts","def","result","k","condition","number","exec","to","parseInt","parseConditions","trim","clearConditions","s","dto","assign","modelName","HttpRequest","url","_method","_headers","progress","_url","request","XMLHttpRequest","onprogress","headers","load","sendRequest","then","parseJson","send","jsonApi","path","sub","relative","JSON","stringify","reponse","errors","error","fullPath","endsWith","startsWith","promise","open","setRequestHeader","Promise","resolve","reject","errorHandler","statusText","onload","status","responseText","onerror","parse","setup","lang","route","urlParams","routes","Asset","type","guessType","promises","loadScript","loadCSS","element","document","createElement","src","body","finalize","rel","href","head","pop","Template","content","ViewRegistry","setPrototypeOf","html","children","temp","createNode","traverse","treeWalker","createTreeWalker","NodeFilter","SHOW_ELEMENT","SHOW_TEXT","current","processNode","nextSibling","nextNode","Text","processAttributes","logging","trans","asset","assets","debug","_template","init","v","deinit","RepeatModel","itemTemplate","onDataChange","renderItems","items","existing","cacheKey","getCacheKey","delete","createTemplate","insertBefore","childNodes","isFirst","isLast","as","dataSubscription","caching","Show","if","contentTemplate","checkVisibility","AppView","AppController","scrollEvent","RouterView","router","window","onPopState","toCurrentPath","_current","mode","HistoryMode","notFound","toPath","toRoute","find","r","pathOf","readURL","writeURL","base","location","origin","currentPath","newPath","history","pushState","substr","Route","pattern","Pattern","matcher","str","loose","RegExp","tmp","ext","arr","shift","regexparam","StackView","StackRoute","stack","urlSegments","wild","Math","min","urlSeg","top","dispatchTop","segments","writeUrl","defaultStyles","Heading","HeadingView","level","validatedLevel","Number","applyStyles","walker","styles","currentNode","nodeName","toLowerCase","Html","HtmlView","resolveViews","SvgIconView","symbols","mounted","div","style","display","mount","ParagraphView","TitleView","httpService","interceptors","uri","Request","processedRequest","applyInterceptors","fetch","json","post","interceptor","addInterceptor","languageService","currentLang","switchLanguage","correctUrl","determineLanguage","localStorage","getItem","getLangFromBrowser","navigator","language","includes","changeLanguage","setItem","uriParts","newUri","addHeaderInterceptor","authorCard","Gateway","transformations","in","InTransform","out","OutTransform","defaultLookup","transform","ImageView","setAttributes","viewport","width","innerWidth","clientWidth","height","innerHeight","clientHeight","viewWidth","viewHeight","errorhandle","onError","names","preset","image","message","querySelector","paramService","parseParams","searchParams","URLSearchParams","search","createParams","filters","paramParts","tagSlugs","f","slug","WizardSegment","model","childSegment","urlSegment","followUpQuestion","answers","answer","action","id","WizardQuestion","activeTags","back","wizardStack","WizardAnswer","goTo","newTags","mutateActiveTags","tags","overrideTags","query","previousTags","InfoboxView","Infobox","QuoteView","Quote","GoodPracticeGateway","routeBase","date","Date","locale","formattedDate","toLocaleDateString","day","month","year","goodPractices","good_practice","ColumnLayoutView","ColumnLayout","ColumnView","Column","ContactView","Contact","Tool","currentItem","next","currentItemIndex","previous","images","CarouselView","resizeHeight","imageNode","getBoundingClientRect","fallbackUrl","IframelyView","iframelyResult","DecoratedIframelyView","MaterialListView","PersonalImpactView","RelatedContentView","RelatedContent","ToggleView","ToolGateway","feed","tool","loadFilteredTools","filterQuery","gateway","toolGateway","goodPracticeGateway","loadInitialWizardQuestion","loadPage","page","loadFilters","loadTopics","q","trackEvent","eventName","plausible","Countly","segmentation","views","goodPractice","title","ToolDetailsView","ToolModule","ToolDetailsController","toolId","infos","metainfos","hintTitle","text","hintText","downloads","tagService","getActiveTagsFromParam","filterCategories","tagParams","allTags","flatMap","filterCategory","tagParam","tag","ToolsPageView","ToolsPageController","searchString","topics","activeFilters","loadTools","prepareFilters","apiSearchParams","tools","canLoadMore","loadMore","toggleFilter","findFilter","removeFilter","updateUri","encodeURI","selectedTags","activeSlugs","active","HomeView","HomeController","applyFilter","activeTopic","updateUrl","loadItems","feeds","newUrl","ResultPage","ResultPageController","SearchPage","focus","loading","SearchController","debouncedSearch","searchResults","overrideSearch","term","func","timer","MissingPageView","MissingPageController","GenericPage","GenericPageController","routeInit","component","wq","referrer","WizardRootSegment","de","en","NavigationView","NavigationController","showZoom","scrollHandler","scrollObservable","updateZoomState","mobileToRoute","urlName","mobileMenuOpen","rect","getElementById","Topics","TopicsController","choice","choose","WizardView","GoodPracticeView","ToolListView","SearchRow","SearchRowContorller","SliderView","SliderController","sliderPosition","goLeft","applyTranslate","goRight","max","hideElements","controlRight","remove","controlLeft","FooterView","FilterView","FilterController","filterEnable","filterChange","openFilter","openedFilter","DropDownView","DropDown","closeHandler","stopImmediatePropagation","change","onOpen","onClose","disabled","selection","select","getIndex","BannerImage","MetaInfos","DropDownController","filterOpen","GoodPracticeDetails","CheckboxToggle","checkedTemplate","uncheckedTemplate","Overlay","OverlayController","MagicWand","WizardStart","ActiveTags","RouteLink","RouteLinkController","preventDefault","routeName","routeParams","isActive","pathname","viewRegistry","modelRegistry","state","setupData","newState","freeze","ctrl","scan"],"sourceRoot":""}