{"version":3,"names":["Details","toggleInfoText","_event","this","displayHelpText","componentWillLoad","Array","from","refHostElement","children","undefined","hasSlotContent","randomID","performance","now","toString","concat","Math","random","replace","error","Date","componentDidRender","count","interval","setInterval","refAccordionDiv","clearInterval","style","maxHeight","display","ontransitionend","scrollHeight","setTimeout","render","h","Host","key","class","type","onClick","event","title","detailsLabel","inline","bold","name","flexBasis","width","ref","el","role","tabindex","id","Icon","componentWillRender","fetch","getAssetPath","then","response","text","result","svgInnerHTML","catch","console","log","small","large","alignBottom","color","innerHTML","svgElement","querySelector","svgClass","classList","add"],"sources":["src/webcomponents/lk-details/lk-details.tsx","src/webcomponents/lk-icon/lk-icon.tsx"],"sourcesContent":["import { Component, State, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n    tag: 'lk-details'\n})\nexport class Details {\n\n    @State() displayHelpText: boolean = false;\n    @Prop() detailsLabel: string;\n\n    @Element() refHostElement: HTMLElement;\n\n    refAccordionDiv: HTMLDivElement;\n    randomID: string;\n    hasSlotContent: boolean;\n\n    toggleInfoText(_event) {\n        this.displayHelpText = !this.displayHelpText;\n    }\n\n    componentWillLoad() {\n        if(Array.from(this.refHostElement.children)[0] !== undefined)\n            this.hasSlotContent = true\n        try {\n            this.randomID = (performance.now().toString().concat(Math.random().toString())).replace(\".\", \"\").replace(\",\", \"\");\n        } catch (error) {\n            this.randomID = (Date.now().toString().concat(Math.random().toString())).replace(\".\", \"\").replace(\",\", \"\");\n        }\n    }\n\n    componentDidRender() {\n        if (this.hasSlotContent == false) return;\n\n        let count = 0\n        const interval = setInterval(() => {\n            if (this.refAccordionDiv == null || count >= 100){ \n                count += 1;\n                return;\n            }else{\n                clearInterval(interval)\n            }\n            \n            if (this.displayHelpText) {\n                this.refAccordionDiv.style.maxHeight = 0 + \"px\";\n                this.refAccordionDiv.style.display = \"\";\n                this.refAccordionDiv.ontransitionend = (_event) => {\n                    this.refAccordionDiv.style.maxHeight = \"none\";\n                };\n                this.refAccordionDiv.style.maxHeight = this.refAccordionDiv.scrollHeight + \"px\";;\n            } else {\n                this.refAccordionDiv.style.maxHeight = this.refAccordionDiv.scrollHeight + \"px\";\n                this.refAccordionDiv.ontransitionend = (_event) => {\n                    this.refAccordionDiv.style.display = \"none\";\n                };\n                setTimeout(() => {\n                    this.refAccordionDiv.style.maxHeight = 0 + \"px\";\n                }, 1);\n            }\n        }, 10)\n    }\n    \n    render() {\n        return (\n            <Host class=\"details\">\n\n                {this.hasSlotContent &&\n                        <button\n                            type=\"button\"\n                            class=\"details__head-button\"\n                            onClick={event => { this.toggleInfoText(event); }}\n                            aria-expanded={this.displayHelpText.toString()}\n                            aria-haspopup=\"dialog\"\n                            aria-controls={this.randomID}\n                            aria-label={this.displayHelpText ? \"Lukke beskrivelse\" : \"Åpne beskrivelse\"}\n                            title={this.displayHelpText ? \"Lukke beskrivelse\" : \"Åpne beskrivelse\"}\n                            >{this.detailsLabel}<lk-icon inline bold name=\"interface-arrows-button-down\"></lk-icon>\n                        </button>\n                }\n                {this.hasSlotContent &&\n\n                        <div style={{ flexBasis: '100%', width: '0px' }} ></div>\n\n                }\n                {this.hasSlotContent &&\n                        <div ref={el => this.refAccordionDiv = el} class=\"details__accordion\">\n                            <div\n                                class=\"details__accordion__body\"\n                                role=\"tooltip\"\n                                tabindex=\"0\"\n                                id={this.randomID}\n                                >\n                                <slot />\n                            </div>\n                        </div>\n                }\n                \n                {this.hasSlotContent == false &&\n                    <label>{this.detailsLabel}</label>\n                }\n\n            </Host>\n        );\n    }\n\n}\n","import { Component, h, Host, Prop, getAssetPath, State, Element } from '@stencil/core';\n\n@Component({\n    tag: 'lk-icon',\n    assetsDirs: ['assets']\n})\n\nexport class Icon {\n\n    @Prop() name: string;\n    @Prop() color: string = '';\n    @Prop() inline: boolean = true;\n    @Prop() bold: boolean = false;\n    @Prop() large: boolean = false;\n    @Prop() small: boolean = false;\n    @Prop() alignBottom: boolean = false;\n    @Prop() svgClass: string = '';\n\n    @State() svgInnerHTML: string;\n\n    @Element() refHostElement: HTMLElement;\n\n    componentWillRender() {\n        let name;\n        switch (this.name) {\n            // CONTACT\n            case \"user\":\n                name = \"interface-user-single\";\n                break;\n            case \"user-circle\":\n                name = \"interface-user-circle\";\n                break;\n            case \"mail\":\n                name = \"mail-send-envelope\";\n                break;\n            case \"email\":\n                name = \"mail-inbox\";\n                break;\n            case \"send\":\n                name = \"mail-send-email\";\n                break;\n            case \"tel\":\n            case \"phone\":\n            case \"telephone\":\n                name = \"phone-telephone\";\n                break;\n            case \"mob\":\n            case \"mobile\":\n                name = \"phone-mobile-phone\";\n                break;\n            case \"place\":\n            case \"address\":\n            case \"loc\":\n            case \"location\":\n                name = \"travel-map-location-pin\";\n                break;\n            case \"time\":\n            case \"clock\":\n                name = \"interface-time-clock-circle\";\n                break;\n\n            // REACTIONS\n            case \"like\":\n                name = \"interface-favorite-like-1\";\n                break;\n            case \"dislike\":\n                name = \"interface-favorite-dislike-1\";\n                break;\n            case \"heart\":\n                name = \"interface-favorite-heart\";\n                break;\n            case \"star\":\n                name = \"interface-favorite-star\";\n                break;\n\n            // NAVIGATION\n            case \"home\":\n            case \"real-state\":\n                name = \"interface-home-2\";\n                break;\n            case \"link\":\n                name = \"interface-link\";\n                break;\n            case \"web\":\n                name = \"programming-web\";\n                break;\n            case \"search\":\n                name = \"interface-search\";\n                break;\n            case \"filter\":\n                name = \"interface-text-formatting-filter-1\";\n                break;\n            case \"menu\":\n            case \"burger-menu\":\n            case \"hamburger-menu\":\n                name = \"interface-setting-menu-1\";\n                break;\n            case \"kebab-menu\":\n                name = \"interface-setting-menu-vertical\";\n                break;\n            case \"meatballs-menu\":\n            case \"meatball-menu\":\n            case \"meat-balls-menu\":\n            case \"meat-ball-menu\":\n                name = \"interface-setting-menu-horizontal\";\n                break;\n            case \"candy-menu\":\n            case \"candybox-menu\":\n            case \"candy-box-menu\":\n                name = \"interface-login-dial-pad-2\";\n                break;\n\n            // SETTINGS\n            case \"load\":\n            case \"loading\":\n                name = \"interface-arrows-synchronize\";\n                break;\n            case \"settings\":\n            case \"gear\":\n            case \"cog\":\n                name = \"interface-setting-cog\";\n                break;\n            case \"fix\":\n            case \"wrench\":\n                name = \"interface-setting-wrench\";\n                break;\n            case \"lock\":\n                name = \"interface-lock\";\n                break;\n            case \"unlock\":\n                name = \"interface-unlock\";\n                break;\n            case \"key\":\n                name = \"interface-login-key\";\n                break;\n            case \"login\":\n                name = \"interface-login\";\n                break;\n            case \"logout\":\n                name = \"interface-logout\";\n                break;\n\n            // MISC\n            case \"cal\":\n            case \"calendar\":\n            case \"date\":\n                name = \"interface-calendar\";\n                break;\n            case \"cal-start\":\n            case \"calendar-start\":\n            case \"cal-1\":\n            case \"calendar-1\":\n                name = \"interface-calendar-date-one\";\n                break;\n            case \"cal-end\":\n            case \"calendar-end\":\n            case \"cal-31\":\n            case \"calendar-31\":\n                name = \"interface-calendar-date-month-thirty\";\n                break;\n            case \"img\":\n            case \"image\":\n            case \"pic\":\n            case \"picture\":\n            case \"photo\":\n                name = \"image-picture-landscape-1\";\n                break;\n            case \"archive\":\n                name = \"interface-content-archive\";\n                break;\n            case \"save\":\n            case \"floppy\":\n                name = \"interface-content-save\";\n                break;\n            case \"attachment\":\n            case \"clip\":\n                name = \"interface-edit-attachment-1\";\n                break;\n            case \"pin\":\n                name = \"interface-edit-pin-2\";\n                break;\n            case \"dl\":\n            case \"download\":\n                name = \"interface-download-button-2\";\n                break;\n            case \"ul\":\n            case \"upload\":\n                name = \"interface-upload-button-2\";\n                break;\n            case \"print\":\n            case \"printer\":\n                name = \"computer-printer\";\n                break;\n            case \"bin\":\n            case \"trash\":\n            case \"trashcan\":\n            case \"delete\":\n                name = \"interface-delete-bin-2\";\n                break;\n            case \"scissors\":\n                name = \"interface-edit-scissors\";\n                break;\n            case \"bell\":\n                name = \"interface-alert-alarm-bell-1\";\n                break;\n            case \"+\":\n            case \"plus\":\n            case \"pluss\":\n                name = \"interface-add-1\";\n                break;\n            case \"-\":\n            case \"min\":\n            case \"minus\":\n                name = \"interface-remove-1\";\n                break;\n            case \"x\":\n            case \"cross\":\n                name = \"interface-delete-1\";\n                break;\n            case \"v\":\n            case \"valid\":\n            case \"ok\":\n            case \"check\":\n                name = \"interface-validation-check\";\n                break;\n            case \"zoomin\":\n            case \"zoom-in\":\n                name = \"interface-edit-zoom-in\";\n                break;\n            case \"zoomout\":\n            case \"zoom-out\":\n                name = \"interface-edit-zoom-out\";\n                break;\n\n            case \"@\":\n            case \"at\":\n                name = \"mail-sign-at\";\n                break;\n            case \"#\":\n            case \"hashtag\":\n                name = \"mail-sign-hashtag\";\n                break;\n\n            default:\n                name = this.name;\n                break;\n        }\n\n        fetch(getAssetPath(`./assets/streamline-icon-${name}@48x48.svg`))\n            .then((response) => {\n                return response.text();\n            })\n            .then((result) => {\n                this.svgInnerHTML = result.replace(/#000000/g, \"currentColor\");\n            })\n            .catch((error) => console.log(error))\n    }\n\n    render() {\n        return (\n            <Host\n                class={`\\\n                    ${this.inline ? 'lk-icon--inline' : ''} \\\n                    ${this.small ? 'lk-icon--small' : ''} \\\n                    ${this.large ? 'lk-icon--large' : ''} \\\n                    ${this.bold ? 'lk-icon--bold' : ''} \\\n                    ${this.alignBottom ? 'lk-icon--align-bottom' : ''} \\\n                    lk-icon--${this.color} \\\n                `}\n                innerHTML={this.svgInnerHTML}\n                aria-hidden=\"true\"\n                role=\"img\"\n            />\n        )\n    }\n\n    componentDidRender() {\n        let svgElement = this.refHostElement.querySelector('svg');\n        if (svgElement && this.svgClass)\n            svgElement.classList.add(this.svgClass);\n    }\n\n}\n\n"],"mappings":"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","ignoreList":[]}