{"version":3,"sources":["webpack:///./LeLab.Web/src/barba/page-subset.js"],"names":["PageSubset","id","state","href","barba","data","current","url","history","add","PageState","empty","set","key","value","Object","entries","page","applySubsetHtml","container","get","template","querySelector","node","document","importNode","content","innerHTML","append","hooks","nextAdded","next","addEventListener","e","target","closest","dataset","pageSubset","open","preventDefault"],"mappings":"yFAAA,4BAaA,MAAMA,EACF,YAAYC,EAAIC,EAAQ,IACpB,MAAMC,EAAOC,IAAMC,KAAKC,QAAQC,IAAIJ,KAOpCC,IAAMI,QAAQC,IAAIN,EAJF,cAMhBO,IAAUC,QACVD,IAAUE,IApBI,cAoBeX,GAE7B,IAAK,MAAOY,EAAKC,KAAUC,OAAOC,QAAQd,GACtCQ,IAAUE,IAAIC,EAAKC,GAGvBV,IAAMa,KAAKd,EAbK,cAEH,IAqBrB,SAASe,EAAgBC,GACrB,MAAMlB,EAAKS,IAAUU,IArCH,eAsClB,IAAKnB,GAAoB,iBAAPA,EACd,OAEJ,MAAMoB,EAAWF,EAAUG,cAAV,mBAAoCrB,IACrD,IAAKoB,EACD,OAEJ,MAAME,EAAOC,SAASC,WAAWJ,EAASK,SAAS,GACnDP,EAAUQ,UAAY,GACtBR,EAAUS,OAAOL,GASrBL,EAAgBM,SAASF,cAAc,6BAOvClB,IAAMyB,MAAMC,UAAU,EAAGC,UAAWb,EAAgBa,EAAKZ,YAQzDK,SAASQ,iBAAiB,QAASC,IAC/B,MAAMV,EAAOU,EAAEC,OAAOC,QAAQ,sBACzBZ,GAASA,EAAKa,QAAQC,aAG3BrC,EAAWsC,KAAKf,EAAKa,QAAQC,YAC7BJ,EAAEM,oBAMSvC","file":"page-subset.492909e6.js","sourcesContent":["import barba from '@barba/core'\r\nimport PageState from './page-state'\r\n\r\n\r\n\r\nconst pageStateProp = 'page-subset'\r\n\r\n\r\n\r\n/**\r\n * Class with static method open(), to initiate\r\n * transition to and HTML subset within the page.\r\n */\r\nclass PageSubset {\r\n    static open(id, state = {}) {\r\n        const href = barba.data.current.url.href\r\n        // Programmatic navigation. This trigger name \r\n        // is important for compatibility with \"PageState\"\r\n        const trigger = 'pagesubset' \r\n        // Indicate that we will transition to the same page\r\n        const self = true\r\n        // Alter Barba.JS history\r\n        barba.history.add(href, trigger)\r\n        // Change window history with PageState\r\n        PageState.empty()\r\n        PageState.set(pageStateProp, id)\r\n        // Additionnal page state date\r\n        for (const [key, value] of Object.entries(state)) {\r\n            PageState.set(key, value)\r\n        }\r\n        // Transition to the same page\r\n        barba.page(href, trigger, self)\r\n    }\r\n}\r\n\r\n\r\n\r\n/**\r\n * Transform a Barba.JS page container to replace it's HTML\r\n * with it's subset <template> content.\r\n */\r\nfunction applySubsetHtml(container) {\r\n    const id = PageState.get(pageStateProp)\r\n    if (!id || typeof id !== 'string') {\r\n        return\r\n    }\r\n    const template = container.querySelector(`template#${id}`)\r\n    if (!template) {\r\n        return\r\n    }\r\n    const node = document.importNode(template.content, true)\r\n    container.innerHTML = \"\"\r\n    container.append(node)\r\n}\r\n\r\n\r\n\r\n/**\r\n * On page load, rework the HTML to display the subset.\r\n */\r\n\r\napplySubsetHtml(document.querySelector('[data-barba=\"container\"]'))\r\n\r\n\r\n\r\n/**\r\n * When the next container is added, rework the HTML to display the subset.\r\n */\r\nbarba.hooks.nextAdded(({ next }) => applySubsetHtml(next.container))\r\n\r\n\r\n\r\n/**\r\n * Listen on document for click on element with\r\n * [data-page-subset=\"id\"]\r\n */\r\ndocument.addEventListener('click', e => {\r\n    const node = e.target.closest('[data-page-subset]')\r\n    if (!node || !node.dataset.pageSubset) {\r\n        return\r\n    }\r\n    PageSubset.open(node.dataset.pageSubset)\r\n    e.preventDefault()\r\n})\r\n\r\n\r\n\r\nexport { PageSubset }\r\nexport default PageSubset\r\n"],"sourceRoot":""}