{"version":3,"file":"chunks/c1a4ded9f93a33.js","mappings":"gSAEA,IAMMA,EAAiB,CACrB,EAAG,OACH,EAAG,OACH,EAAG,OACH,EAAG,QAGgBC,EAAAA,WACnB,WAAYC,EAAeC,I,4FAAQ,SACjCC,KAAKF,cAAgBG,EAAEH,GACvBE,KAAKD,OAASA,EAEdC,KAAKE,aAAeD,EAAE,iBAAkBD,KAAKF,eAC7CE,KAAKG,WAAaF,EAAE,eAAgBD,KAAKF,eACzCE,KAAKI,O,yCAGP,WACEJ,KAAKK,QAAUJ,EAAEK,QACjBN,KAAKO,kBAELP,KAAKE,aAAaM,GAAG,QAASR,KAAKO,iBACnCP,KAAKG,WAAWK,GAAG,SAAUR,KAAKO,mB,6BAGpC,WACE,IAAME,EAAa,gBAAgBC,KAAKC,UAAUC,WAhC3B,GACC,GAiCxBX,EAAE,mCAAmCY,MAAK,SAACC,EAAGC,GAC5C,IAAMC,EAAef,EAAE,mCAAoCc,GACrDE,EAAqBhB,EAAE,yCAA0Cc,GAEjEG,EAnCW,EAkCCF,EAAaG,SAAWV,EAnCjC,EAqCHW,EAAexB,EAAesB,GACpCD,EAAmBI,IAAI,qBAAsBH,EAAUI,YACvDN,EAAaK,IAAI,gBAAiBD,W,sEA5BnBvB","sources":["webpack:///./resources/js/components/showroom/dynamic-line-clamp.ts"],"sourcesContent":["import * as $ from \"jquery\";\n\nconst MOBILE_LINE_HEIGHT = 24;\nconst DESKTOP_LINE_HEIGHT = 28;\nconst OFFSET = 1;\nconst MAX_LINE_CLAMP = 4;\n\n// line-clamp to margin-bottom pair\nconst MARGIN_BOTTOMS = {\n  4: '34px',\n  3: '26px',\n  2: '18px',\n  1: '10px'\n};\n\nexport default class DynamicLineClamp {\n  constructor(componentRoot, params) {\n    this.componentRoot = $(componentRoot);\n    this.params = params;\n\n    this.submitSearch = $('#search-submit', this.componentRoot);\n    this.searchForm = $('#search-form', this.componentRoot);\n    this.init();\n  }\n\n  init() {\n    this.$window = $(window);\n    this.modifyLineClamp();\n\n    this.submitSearch.on('click', this.modifyLineClamp);\n    this.searchForm.on('submit', this.modifyLineClamp);\n  }\n\n  modifyLineClamp() {\n    const lineHeight = /Mobi|Android/i.test(navigator.userAgent) ? MOBILE_LINE_HEIGHT : DESKTOP_LINE_HEIGHT;\n\n    $(\".component--template-card__info\").each((_, infoElement) => {\n      const titleElement = $(\".component--template-card__title\", infoElement);\n      const descriptionElement = $(\".component--template-card__description\", infoElement);\n      const lineCount = titleElement.height() / lineHeight;\n      const lineClamp = MAX_LINE_CLAMP - lineCount + OFFSET;\n      const marginBottom = MARGIN_BOTTOMS[lineClamp];\n      descriptionElement.css(\"-webkit-line-clamp\", lineClamp.toString());\n      titleElement.css(\"margin-bottom\", marginBottom);\n    });\n  }\n}\n"],"names":["MARGIN_BOTTOMS","DynamicLineClamp","componentRoot","params","this","$","submitSearch","searchForm","init","$window","window","modifyLineClamp","on","lineHeight","test","navigator","userAgent","each","_","infoElement","titleElement","descriptionElement","lineClamp","height","marginBottom","css","toString"],"sourceRoot":""}