{"version":3,"sources":["components/accordion.js","components/typographer.js","pages/house.js"],"names":["accordion","headerEl","contentEl","chevronEl","watchers","Map","target","property","value","maxHeight","scrollHeight","setAttribute","accordionInstance","Proxy","isOpened","set","watcher","get","Reflect","addEventListener","init","document","querySelectorAll","forEach","el","querySelector","table","wrapper","createElement","style","overflow","insertBefore","appendChild","require","_accordion","_interopRequireDefault","_typographer","e","__esModule","default","initAccordion","initTypographer"],"mappings":";;;;;;;AA2CA,aA3CC,SAASA,EAAWC,EAAUC,EAAWC,GACxC,MAAMC,EAAW,IAAIC,IAAI,CACvB,CAAC,WAAY,CAACC,EAAQC,EAAUC,KAC9B,IAAIC,EAAY,EACZD,IACFC,KAAeP,EAAUQ,kBAE3BR,EAAUS,aAAa,uBAAwBF,kEAC/CN,EAAUQ,aAAa,6BAA8BH,GAAS,IAAM,yEAIlEI,EAAoB,IAAIC,MAC5B,CACEC,UAAU,GAEZ,CACEC,IAAKA,CAACT,EAAQC,EAAUC,KACtB,MAAMQ,EAAUZ,EAASa,IAAIV,GAI7B,OAHIS,GACFA,EAAQV,EAAQC,EAAUC,GAErBU,QAAQH,IAAIT,EAAQC,EAAUC,MAK3CN,EAAUS,aAAa,QAAS,8EAChCR,EAAUQ,aAAa,QAAS,uFAEhCV,EAASkB,iBAAiB,QAAS,KACjCP,EAAkBE,UAAYF,EAAkBE,WAIrC,SAASM,IACLC,SAASC,iBAAiB,cAClCC,QAAQC,IAIfxB,EAHewB,EAAGC,cAAc,sBAChBD,EAAGC,cAAc,uBACjBD,EAAGC,cAAc,0BAGrC,OAAA,eAAA,QAAA,aAAA,CAAA,OAAA,IAAA,QAAA,QAAA;;AC9BA,aAXe,SAASL,IACLC,SAASC,iBAAiB,gBAClCC,QAAQC,IACAA,EAAGF,iBAAiB,SAC5BC,QAAQG,IACb,MAAMC,EAAUN,SAASO,cAAc,OACvCD,EAAQE,MAAMC,SAAW,OACzBN,EAAGO,aAAaJ,EAASD,GACzBC,EAAQK,YAAYN,OAG1B,OAAA,eAAA,QAAA,aAAA,CAAA,OAAA,IAAA,QAAA,QAAA,EAbCO,QAAA;;ACKgB,aALhBA,QAAA,gCACD,IAAAC,EAAAC,EAAAF,QAAA,4BACAG,EAAAD,EAAAF,QAAA,8BAAuD,SAAAE,EAAAE,GAAAA,OAAAA,GAAAA,EAAAC,WAAAD,EAAAE,CAAAA,QAAAF,IAEvD,EAAAG,EAAa,YACb,EAAAC,EAAe","file":"house.bc28dd09.js","sourceRoot":"..\\..\\ClientApp","sourcesContent":["function accordion (headerEl, contentEl, chevronEl) {\r\n  const watchers = new Map([\r\n    ['isOpened', (target, property, value) => {\r\n      let maxHeight = 0\r\n      if (value) {\r\n        maxHeight = `${contentEl.scrollHeight}px`\r\n      }\r\n      contentEl.setAttribute('style', `max-height: ${maxHeight}; transition: max-height 200ms cubic-bezier(0.4, 0.0, 0.2, 1)`)\r\n      chevronEl.setAttribute('style', `transform: rotate(${value ? -180 : 0}deg); transition: transform 200ms cubic-bezier(0.4, 0.0, 0.2, 1)`)\r\n    }]\r\n  ])\r\n\r\n  const accordionInstance = new Proxy(\r\n    {\r\n      isOpened: false\r\n    },\r\n    {\r\n      set: (target, property, value) => {\r\n        const watcher = watchers.get(property)\r\n        if (watcher) {\r\n          watcher(target, property, value)\r\n        }\r\n        return Reflect.set(target, property, value)\r\n      }\r\n    }\r\n  )\r\n\r\n  contentEl.setAttribute('style', 'max-height: 0; transition: max-height 200ms cubic-bezier(0.4, 0.0, 0.2, 1)')\r\n  chevronEl.setAttribute('style', 'transform: rotate(0deg); transition: transform 200ms cubic-bezier(0.4, 0.0, 0.2, 1)')\r\n\r\n  headerEl.addEventListener('click', () => {\r\n    accordionInstance.isOpened = !accordionInstance.isOpened\r\n  })\r\n}\r\n\r\nexport default function init () {\r\n  const elements = document.querySelectorAll('.accordion')\r\n  elements.forEach(el => {\r\n    const header = el.querySelector('.accordion__header')\r\n    const content = el.querySelector('.accordion__content')\r\n    const chevron = el.querySelector('.accordion__chevron')\r\n    accordion(header, content, chevron)\r\n  })\r\n}\r\n","import '../css/components/typographer.css'\r\n\r\nexport default function init () {\r\n  const elements = document.querySelectorAll('.typographer')\r\n  elements.forEach(el => {\r\n    const tables = el.querySelectorAll('table')\r\n    tables.forEach(table => {\r\n      const wrapper = document.createElement('div')\r\n      wrapper.style.overflow = 'auto'\r\n      el.insertBefore(wrapper, table)\r\n      wrapper.appendChild(table)\r\n    })\r\n  })\r\n}\r\n","import '../css/pages/house/index.css'\r\nimport initAccordion from '../components/accordion'\r\nimport initTypographer from '../components/typographer'\r\n\r\ninitAccordion()\r\ninitTypographer()\r\n"]}