{"version":3,"file":"tittel-5043d1aa1447b038439a.esm.js","mappings":"wPAAO,MAAMA,UAAsBC,YAAYC,WAAAA,IAAAC,GAAA,SAAAA,GAAAC,OAAAC,eAAA,KAAAC,EAAA,CAAAC,UAAA,EAAAC,WAAA,IAAAJ,OAAAC,eAAA,KAAAI,EAAA,CAAAF,UAAA,EAAAC,MA+C9BA,KACbE,KAAKC,aAAa,gBAAiB,QACnC,MAAMC,EAAcF,KAAKG,SAAS,GAClCD,EAAYD,aAAa,WAAY,MACrCC,EAAYE,OAAO,GACpB,CAjDDC,iBAAAA,GACE,GAAIL,KAAKG,SAASG,OAASN,KAAKO,OAAQ,CACtC,MAAMC,EAAQ,IAAIC,cAClBD,EAAME,YAAa,ycAqBnB,MAAMC,EAASX,KAAKY,aAAa,CAAEC,KAAM,SACzCF,EAAOG,mBAAqB,CAACN,GAC7B,MAAMO,EAASC,SAASC,cAAc,UAChCC,EAASlB,KAAKG,SAASG,OAAS,EACtCS,EAAOI,UAAa,IAAGD,QACvBH,EAAOd,aAAa,aAAe,MAAKiB,sBACxC,MAAME,EAAOJ,SAASC,cAAc,QACpCN,EAAOU,YAAYD,GACnBT,EAAOU,YAAYN,GAEnBA,EAAOO,iBAAiB,QAAOC,EAAEvB,KAAID,GAAAA,IAErCwB,EAAAvB,KAAIJ,GAAAA,GAAWmB,CACjB,CACF,CAEAS,oBAAAA,GACED,EAAAvB,KAAIJ,GAAAA,GAAS6B,oBAAoB,QAAOF,EAAEvB,KAAID,GAAAA,GAChD,CASA,UAAIQ,GAAS,IAAAmB,EACX,OAAOC,SAA4B,OAApBD,EAAC1B,KAAK4B,QAAQrB,QAAMmB,EAAI,IACzC,EClDF,MAAMG,ECJI,GDIgBC,iBELZ,aDD6CC,EDMAC,WCLrB,IAAGD,EAAQE,MAAM,KAAK,KAAO,KAD5D,IAAoDF,EDc3D,MAAMG,UAAmB3C,YACvBc,iBAAAA,GAPF,IAAoB8B,EAAWC,EAQbpC,KAAKqC,eARHF,EASL,mBATgBC,EASI9C,OARHgD,IAA1BC,eAAeC,IAAIL,IACrBI,eAAeE,OAAON,EAAGC,EAQ3B,CAEA,kBAAIC,GACF,OAAOrC,KAAK4B,QAAQS,eAAiBK,KAAKC,MAAM3C,KAAK4B,QAAQS,gBAAkB,IACjF,EAGGE,eAAeC,IAAIX,IACtBU,eAAeE,OAAOZ,EAAKK,E","sources":["webpack://dh-instuliv/./src/common/vis-mer/vis-mer.ts","webpack://dh-instuliv/./src/modules/tittel/client.ts","webpack://dh-instuliv/./src/lib/get-element-tag.ts","webpack://dh-instuliv/./src/modules/tittel/config.ts"],"sourcesContent":["export class VisMerElement extends HTMLElement {\n  #button\n\n  connectedCallback() {\n    if (this.children.length > this.grense) {\n      const sheet = new CSSStyleSheet()\n      sheet.replaceSync(`\n      button { \n        display: block; \n        padding: 0; \n        border: none; \n        background: none; \n        font-family: inherit; \n        color: inherit; \n        font-size: inherit; \n        line-height: inherit; \n      }\n      \n      :host([data-expanded]) button {\n        display: none;      \n      }\n      \n      :host(:not([data-expanded])) ::slotted(*:nth-child(n + 2)) {\n        display: none;\n      }    \n      `)\n\n      const shadow = this.attachShadow({ mode: 'open' })\n      shadow.adoptedStyleSheets = [sheet]\n      const button = document.createElement('button')\n      const antall = this.children.length - 1\n      button.innerText = `+${antall} til`\n      button.setAttribute('aria-label', `Se ${antall} bidragsytere til`)\n      const slot = document.createElement('slot')\n      shadow.appendChild(slot)\n      shadow.appendChild(button)\n\n      button.addEventListener('click', this.#handleClick)\n\n      this.#button = button\n    }\n  }\n\n  disconnectedCallback() {\n    this.#button.removeEventListener('click', this.#handleClick)\n  }\n\n  #handleClick = () => {\n    this.setAttribute('data-expanded', 'true')\n    const nextElement = this.children[1] as HTMLElement\n    nextElement.setAttribute('tabindex', '-1')\n    nextElement.focus()\n  }\n\n  get grense() {\n    return parseInt(this.dataset.grense ?? '3')\n  }\n}\n","import hydrate from './components/hydrate.js'\nimport { getElementTag } from '../../lib/get-element-tag.ts'\nimport { config } from './config.ts'\nimport '../../common/tittel/tittel.module.css'\nimport { VisMerElement } from '../../common/vis-mer/vis-mer.ts'\n\nconst tag = getElementTag(__APP_NAME__, config.moduleName, __APP_VERSION__)\n\nfunction safeDefine(t: string, customElement: CustomElementConstructor) {\n  if (customElements.get(t) === undefined) {\n    customElements.define(t, customElement)\n  }\n}\n\nclass AppElement extends HTMLElement {\n  connectedCallback() {\n    hydrate(this, this.preloadedState)\n    safeDefine('instuliv-vis-mer', VisMerElement)\n  }\n\n  get preloadedState() {\n    return this.dataset.preloadedState ? JSON.parse(this.dataset.preloadedState) : null\n  }\n}\n\nif (!customElements.get(tag)) {\n  customElements.define(tag, AppElement)\n}\n","export function getElementTag(name: string, entry: string, version: string): string {\n  const formattedVersion = version ? `v${version.split('.')[0]}` : ''\n  return `${name}-${entry}-${formattedVersion}`\n}\n","export const config = {\n  moduleName: 'tittel',\n}\n"],"names":["VisMerElement","HTMLElement","constructor","args","Object","defineProperty","_button","writable","value","_handleClick","this","setAttribute","nextElement","children","focus","connectedCallback","length","grense","sheet","CSSStyleSheet","replaceSync","shadow","attachShadow","mode","adoptedStyleSheets","button","document","createElement","antall","innerText","slot","appendChild","addEventListener","_classPrivateFieldLooseBase","disconnectedCallback","removeEventListener","_this$dataset$grense","parseInt","dataset","tag","__APP_NAME__","version","__APP_VERSION__","split","AppElement","t","customElement","preloadedState","undefined","customElements","get","define","JSON","parse"],"sourceRoot":""}