@oiz/stzh-components 3.0.0 → 3.1.0

package/dist/collection/components/stzh-search/stzh-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-search.js","sourceRoot":"","sources":["../../../../src/components/stzh-search/stzh-search.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,OAAO,EACP,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACT,MAAM,eAAe,CAAC;AAIvB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIjD,OAAO,EACL,KAAK,EACL,sBAAsB,EACtB,yBAAyB,EAC1B,MAAM,yBAAyB,CAAC;AAEjC,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,SAAS,qBAAqB,CAAC,MAA6B,EAAE,IAAsB;EAClF,OAAO;iBACQ,MAAM,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc;;;;;;;;;;;;QAYrE,IAAI,CAAC,aAAa,IAAI,kCAAkC;QACxD,IAAI,CAAC,QAAQ,IAAI,uBAAuB;;UAEtC,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,uDAAuD,CAAC,CAAC,CAAC,EAAE;UAC1F,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE;;;;;QAK7D,IAAI,CAAC,KAAK;IACV,CAAC;MACC,CACE,IAAI,CAAC,aAAa,KAAK,OAAO;QAC5B,CAAC;UACC,aAAa,IAAI,CAAC,KAAK,mBAAmB;QAC5C,CAAC;UACC,eAAe,MAAM,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gCAAgC,2BAA2B,IAAI,CAAC,KAAK,mBAAmB,CAC1J;IACH,CAAC;MACC,EACJ;kBACY,MAAM,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc;GAC3E,CAAC;AACJ,CAAC;AAED,SAAS,yBAAyB,CAAC,MAA6B;EAC9D,OAAO;IACL,MAAM,EAAE,MAAM,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe;GACvC,CAAC;AAC/B,CAAC;AAED;;;GAGG;AAKH,MAAM,OAAO,UAAU;;IAuEb,kBAAa,GAAY,KAAK,CAAC;IA4M/B,UAAK,GAAG,KAAK,EAAE,SAAkB,KAAK,EAAE,UAAmB,KAAK,EAAE,EAAE;;MAC1E,IAAI,IAAI,CAAC,iBAAiB,EAAE;QAC1B,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAA;OAC/B;MAED,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,MAAM,EAAE;QACtC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,OAAO;OACR;MAED,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;MACpB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;MAEhB,IAAI,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;MACvE,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;MAElC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;MAEzE,IAAI,OAAO,EAAE;QACX,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAElE,IAAI,MAAM,EAAE;UACV,MAAM,QAAQ,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;UAE1D,IAAI,QAAQ,EAAE;YACZ,KAAK,GAAG,QAAQ,CAAC;WAClB;SACF;OACF;MAED,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;MAEhC,IAAI,CAAC,iBAAiB,GAAG,IAAI,eAAe,EAAE,CAAC;MAE/C,IAAI,IAAI,GAWJ,EAAE,CAAC;MAEP,IAAI;QACF,qBAAqB;QACrB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,MAAM,EAAE;UACnC,MAAM,EAAE,IAAI,CAAC,MAAM;UACnB,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,MAAM;SACtC,CAAC,CAAC;QAEH,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;OACtB;MAAC,OAAO,KAAK,EAAE;QACd,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;OACtC;MAED,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,IAAI,EAAE,CAAC;MAChD,IAAI,CAAC,UAAU,GAAG,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,KAAI,CAAC,CAAC;MAExC,IAAI,IAAI,CAAC,KAAK,EAAE;QACd,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;OACtD;MAED,IAAI,IAAI,CAAC,OAAO,EAAE;QAChB,IAAI,MAAM,EAAE;UACV,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;;cAAC,OAAA,iCACxD,IAAI,KACP,IAAI,EAAE,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,KAAI,MAAA,IAAI,CAAC,SAAS,0CAAE,MAAM,CAAA,EAAE,IAAI,CAAC,IAC1E,CAAA;aAAA,CAAC,CAAC,CAAC;SACN;aAAM;UACL,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;;YAAC,OAAA,iCACnC,IAAI,KACP,IAAI,EAAE,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,KAAI,MAAA,IAAI,CAAC,SAAS,0CAAE,MAAM,CAAA,EAAE,IAAI,CAAC,IAC1E,CAAA;WAAA,CAAC,CAAC;SACL;OACF;MAED,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;QACtC,MAAM,YAAY,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC1D,MAAM,YAAY,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAEtD,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC9B,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC1D,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;QAEpD,kFAAkF;QAElF,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,QAAQ,CAAC,QAAQ,IAAI,YAAY,EAAE,CAAC,CAAA;OAC9E;MAED,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;QACjC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;OACtB;WAAM;QACL,sEAAsE;QACtE,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;UACrB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;OACvB;MAED,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;IAC3B,CAAC,CAAA;IAEO,mBAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAEzD,2BAAsB,GAAG,KAAK,IAAI,EAAE;MAC1C,IAAI,IAAI,CAAC,oBAAoB,EAAE;QAC7B,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;QAC1B,IAAI,CAAC,cAAc,EAAE,CAAC;OACvB;IACH,CAAC,CAAA;IAEO,4BAAuB,GAAG,KAAK,IAAI,EAAE;MAC3C,IAAI,IAAI,CAAC,qBAAqB,EAAE;QAC9B,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;QAC1B,IAAI,CAAC,cAAc,EAAE,CAAC;OACvB;IACH,CAAC,CAAA;IAEO,qBAAgB,GAAG,KAAK,EAAE,KAAY,EAAE,EAAE;MAChD,KAAK,CAAC,cAAc,EAAE,CAAC;MAEvB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;MAC1B,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC,CAAA;IAEO,oBAAe,GAAG,GAAG,EAAE;MAC7B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAA;IAEO,sBAAiB,GAAG,GAAG,EAAE;MAC/B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC;IAC9C,CAAC,CAAA;IAEO,oBAAe,GAAG,KAAK,IAAI,EAAE;MACnC,qBAAqB,CAAC,GAAG,EAAE;QACzB,qBAAqB,CAAC,KAAK,IAAI,EAAE;UAC/B,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,CAAC,CAAC,CAAC;MACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAA;;mBA5ZuC,SAAS;gCAGT,KAAK;iCAGJ,KAAK;2BAGM,KAAK;4BAGJ,KAAK;eAGpC,EAAE;wBAGO,GAAG;iBAGV,CAAC;wBAGO,KAAK;4BAGD,KAAK;0BAG8D,qBAAqB;wCAG/B;MAC3F,OAAO,eAAe,CAAC;IACzB,CAAC;sCAG0H,yBAAyB;8BAGhG,GAAG;;;;sBAwBzB,CAAC;mBAGH,KAAK;iBACR,EAAE;mBAEY,EAAE;;6BAEH,KAAK;wBACV,KAAK;4BACD,KAAK;yBACR,KAAK;;EApBvC,iBAAiB;IACf,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;EAC7D,CAAC;EAGD,uBAAuB;IACrB,IAAI,CAAC,YAAY,EAAE,CAAC;EACtB,CAAC;EAmBO,oBAAoB,CAAC,IAAY,EAAE,IAAsB;IAC/D,IAAI,QAAQ,GAAG,IAAI;SACd,CAAC,OAAO,IAAI,CAAC,cAAc,KAAK,UAAU;QAC3C,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC;QACzC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAE3B;MACE,MAAM;MACN,SAAS;MACT,UAAU;MACV,aAAa;MACb,OAAO;MACP,eAAe;MACf,KAAK;MACL,OAAO;MACP,SAAS;MACT,cAAc;MACd,wBAAwB;MACxB,MAAM;MACN,iBAAiB;MACjB,eAAe;MACf,UAAU;MACV,iBAAiB;MACjB,cAAc;MACd,eAAe;KAChB,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;MACrB,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,KAAK,QAAQ,IAAI,EAAE,IAAI,CAAC,CAAC;MAClD,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;MAEjC,IAAI,CAAC,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,KAAK,EAAE;QAC5F,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;OAC/B;MAED,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IAC3C,CAAC,CAAC,CAAC;IAEH,OAAO,QAAQ,CAAC;EAClB,CAAC;EAEO,KAAK,CAAC,YAAY,CAAC,UAAmB,KAAK;IACjD,MAAM,oBAAoB,GAAG,GAAG,EAAE;MAChC,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;MAChD,aAAa;MACb,IAAI,CAAC,MAAM,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,CAAC;MAC5C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC,CAAA;IAED,IAAI,OAAO,EAAE;MACX,MAAM,aAAa,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;MAC3D,MAAM,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;MAE3C,IAAI,MAAM,EAAE;QACV,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,MAAM,mBAAmB,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC;QAExD,CAAC,GAAG,IAAI,GAAG,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;UACvD,MAAM,MAAM,GAAG,mBAAmB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;UAE/C,kDAAkD;UAClD,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,yJAAyJ,GAAG,IAAI,CAAC,CAS/L,CAAA;UAE3B,gCAAgC;UAChC,MAAM,gBAAgB,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,oCAAoC,GAAG,IAAI,CAAC,CACxE,CAAA;UAElC,2BAA2B;UAC3B,MAAM,gBAAgB,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,+BAA+B,GAAG,IAAI,CAAC,CACxE,CAAA;UAE7B,WAAW,CAAC,OAAO,CAAC,CAAC,KAAwP,EAAE,EAAE;YAC/Q,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;UAC1B,CAAC,CAAC,CAAC;UAEH,gBAAgB,CAAC,OAAO,CAAC,CAAC,KAAmC,EAAE,EAAE;YAC/D,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;UACvB,CAAC,CAAC,CAAC;UAEH,gBAAgB,CAAC,OAAO,CAAC,CAAC,KAA8B,EAAE,EAAE;YAC1D,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;UACvB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;OACJ;KAEF;IAED,MAAM,GAAG,EAAE,CAAC;IACZ,oBAAoB,EAAE,CAAC;IAEvB,uCAAuC;IAEvC,IAAI,iBAAiB,GAAG,IAAI,CAAC;IAE7B,MAAM,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,CAC1E,CAAC;IAE3B,MAAM,sBAAsB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,iCAAiC,CAAC,CAC7E,CAAC;IAE9B,MAAM,wBAAwB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,wCAAwC,CAAC,CAC/E,CAAA;IAEpC,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,gJAAgJ,CAAC,CAOtL,CAAC;IAE5B,MAAM,sBAAsB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,iCAAiC,CAAC,CAC7E,CAAC;IAE9B,sBAAsB,CAAC,OAAO,CAAC,CAAC,KAA8B,EAAE,EAAE;MAChE,MAAM,OAAO,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC;MAE/B,IAAI,CAAC,OAAO,EAAE;QACZ,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;OACzB;MAED,IAAI,OAAO,EAAE;QACX,iBAAiB,GAAG,KAAK,CAAC;OAC3B;IACH,CAAC,CAAC,CAAC;IAEH,mBAAmB,CAAC,OAAO,CAAC,CAAC,KAA2B,EAAE,EAAE;MAC1D,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,KAAK,EAAE;WAC7B,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;WACzD,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;MAE/D,IAAI,CAAC,OAAO,EAAE;QACZ,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;OACzB;MAED,IAAI,OAAO,EAAE;QACX,iBAAiB,GAAG,KAAK,CAAC;OAC3B;IACH,CAAC,CAAC,CAAC;IAEH,sBAAsB,CAAC,OAAO,CAAC,CAAC,KAA8B,EAAE,EAAE;MAChE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;MAEzC,IAAI,CAAC,OAAO,EAAE;QACZ,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;OACzB;MAED,IAAI,OAAO,EAAE;QACX,iBAAiB,GAAG,KAAK,CAAC;OAC3B;IACH,CAAC,CAAC,CAAC;IAEH,cAAc,CAAC,OAAO,CAAC,CAAC,KAA0N,EAAE,EAAE;MACpP,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;MAEpD,IAAI,CAAC,OAAO,EAAE;QACZ,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;OACzB;MAED,IAAI,OAAO,EAAE;QACX,iBAAiB,GAAG,KAAK,CAAC;OAC3B;IACH,CAAC,CAAC,CAAC;IAEH,wBAAwB,CAAC,OAAO,CAAC,CAAC,KAAqC,EAAE,EAAE;MACzE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;MAEpD,IAAI,CAAC,OAAO,EAAE;QACZ,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;QAC5B,KAAK,CAAC,YAAY,GAAG,OAAO,CAAC;OAC9B;MAED,IAAI,OAAO,EAAE;QACX,iBAAiB,GAAG,KAAK,CAAC;OAC3B;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;EAC7C,CAAC;EAkJD,KAAK,CAAC,gBAAgB;IACpB,gDAAgD;IAChD,sDAAsD;IACtD,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAE9B,IAAI,IAAI,CAAC,YAAY,EAAE;MACrB,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;MAC9B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;KAC9B;SAAM;MACL,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;KAC9B;EACH,CAAC;EAED,KAAK,CAAC,iBAAiB;IACrB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;MACtB,IAAI,CAAC,YAAY,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;KACjG;EACH,CAAC;EAED,iBAAiB;IACf,sBAAsB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC/C,IAAI,CAAC,iBAAiB,EAAE,CAAC;EAC3B,CAAC;EAED,oBAAoB;IAClB,yBAAyB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;EACpD,CAAC;EAED,MAAM;IACJ,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAC9D,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;IAEhE,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,gBAAgB,CAAC;IAEjH,MAAM,OAAO,GAAG;MACd,aAAa,EAAE,IAAI;MACnB,+BAA+B,EAAE,eAAe;MAChD,gCAAgC,EAAE,gBAAgB;MAClD,sCAAsC,EAAE,IAAI,CAAC,eAAe;MAC5D,uCAAuC,EAAE,IAAI,CAAC,gBAAgB;MAC9D,gCAAgC,EAAE,YAAY;MAC9C,8BAA8B,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;MAC5C,yBAAyB,EAAE,IAAI,CAAC,OAAO;MACvC,CAAC,gBAAgB,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO;KACjD,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,IAAI,CAAC,4BAA4B,KAAK,UAAU;MAC5E,CAAC,CAAC,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC;MACjD,CAAC,CAAC,IAAI,CAAC,4BAA4B,CAAC;IAEtC,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,0BAA0B,KAAK,UAAU;MACxE,CAAC,CAAC,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,OAAO,CAAC;MAC/C,CAAC,CAAC,IAAI,CAAC,0BAA0B,CAAC;IAEpC,OAAO,CACL,EAAC,IAAI,yBAAoB,gBAAgB;MACvC,YACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,EAAqB,CAAC,EACvD,UAAU,QACV,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,OAAO,EAAE,IAAI,CAAC,eAAe;QAG7B,WAAK,KAAK,EAAC,2BAA2B,EAAC,YAAY,EAAE,IAAI,CAAC,sBAAsB;UAC9E,YAAM,IAAI,EAAC,cAAc,GAAQ,CAC7B;QAEL,gBAAgB;UACf,EAAC,QAAQ;YAEP,WAAK,KAAK,EAAC,4BAA4B,EAAC,YAAY,EAAE,IAAI,CAAC,uBAAuB;cAChF,WAAK,KAAK,EAAC,kCAAkC;gBAC3C,WAAK,KAAK,EAAC,oCAAoC,IAC5C,IAAI,CAAC,YAAY,CAAC,UAAU,CACzB;gBACN,oBACE,IAAI,EAAE,IAAI,CAAC,aAAa,EACxB,KAAK,EAAC,oCAAoC;kBAE1C,mBACE,KAAK,EAAC,4CAA4C,EAClD,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,OAAO,EACZ,aAAa,EAAE,IAAI,EACnB,cAAc,EAAE,IAAI,EACpB,YAAY,EAAC,OAAO,EACpB,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,UAAU,GACtB;kBACf,WAAK,IAAI,EAAC,SAAS;oBACjB,YAAM,IAAI,EAAC,eAAe,GAAQ,CAC9B,CACO,CACX,CACF,CACG;QAGb,WAAK,KAAK,EAAC,8BAA8B;UACtC,YAAY;YACX,EAAC,QAAQ,QACN,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;cACxB,CAAC;gBACD,EAAC,QAAQ;kBACN,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,cAAc;oBAC/C,oBACE,KAAK,EAAC,8BAA8B,EACpC,KAAK,EAAC,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC9B,SAAS,EAAE,IAAI,CAAC,cAAc,GAChB;kBAGjB,IAAI,CAAC,SAAS;oBACb,iBAAW,KAAK,EAAC,yBAAyB,EAAC,SAAS,EAAE,IAAI,CAAC,SAAS,GAAc;kBAGnF,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,aAAa;oBACxC,WAAK,KAAK,EAAC,iCAAiC;sBAC1C,iBACE,IAAI,EAAE,IAAI,CAAC,aAAa,EACxB,KAAK,EAAE,IAAI,CAAC,cAAc,GACf,CACT,CAEC;cACX,CAAC;gBACD,EAAC,QAAQ;kBACN,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,IAAI,CAAC,cAAc;oBAC/C,oBACE,KAAK,EAAC,8BAA8B,EACpC,KAAK,EAAC,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAC9B,SAAS,EAAE,IAAI,CAAC,cAAc,GAChB;kBAGlB,EAAC,cAAc,kBAAC,KAAK,EAAC,sBAAsB,IAAK,YAAY,GAC1D,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAC3B,WAAK,KAAK,EAAC,2BAA2B,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,IAAI,EAAE,GAAQ,CAC5E,CACc;kBAEjB,WAAK,KAAK,EAAC,8BAA8B,IACtC,IAAI,CAAC,aAAa;oBACjB,mBACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,0BAA0B,EAChC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,EACjC,OAAO,EAAE,IAAI,CAAC,eAAe,EAC7B,YAAY,EAAE,IAAI,CAAC,OAAO,GAEd,CAEZ,CACG,CAEJ;UAGZ,IAAI,CAAC,KAAK;YACT,WAAK,KAAK,EAAC,oBAAoB;cAC7B,oBAAc,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAiB,CACzD;UAGP,IAAI,CAAC,OAAO,IAAI,mBAAa,KAAK,EAAC,qBAAqB,GAAe,CACpE;QAEN,eAAa,CACR,CACF,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  State,\n  Watch,\n  Fragment\n} from \"@stencil/core\";\n\nimport { StzhSearchResult } from \"../../index\";\n\nimport axios from 'axios';\nimport { hasSlot, raf } from \"../../utils/utils\";\n\nimport { StzhSearchLocalizedText } from \"./stzh-search.localization\";\n\nimport {\n  media,\n  addMediaChangeListener,\n  removeMediaChangeListener\n} from '../../utils/media-utils';\n\nimport debounce from \"lodash/debounce\";\n\nfunction defaultTemplateResult(search: HTMLStzhSearchElement, item: StzhSearchResult): string {\n  return `\n    <stzh-card-${search.variant === \"teaser\" ? \"superteaser\" : \"searchresult\"}\n      href=\"{href}\"\n      dateline=\"{dateline}\"\n      tag=\"{tag}\"\n      topic=\"{topic}\"\n      service=\"{service}\"\n      event-location=\"{eventLocation}\"\n      download-heading=\"{downloadHeading}\"\n      meta='{meta}'\n      breadcrumb-items='{breadcrumbItems}'\n      download-meta='{downloadMeta}'\n      datalist-items='{datalistItems}'\n      ${item.imagePosition && 'image-position=\"{imagePosition}\"'}\n      ${item.download && 'download=\"{download}\"'}\n      style=\"\n        ${item.serviceBackgroundColor ? '--service-background-color: {serviceBackgroundColor};' : ''}\n        ${item.serviceColor ? '--service-color: {serviceColor};' : ''}\n      \"\n    >\n      <div slot=\"heading\">{heading}</div>\n      <div slot=\"description\">{description}</div>\n      ${item.image\n        ?\n          (\n            item.imagePosition === \"right\"\n              ?\n                `<img src=\"${item.image}\" slot=\"image\" />`\n              :\n                `<stzh-ratio ${search.variant === \"teaser\" ? 'ratio=\"2:1\"' : 'ratio=\"21:9\" ratio-small=\"1:1\"'} slot=\"image\"><img src=\"${item.image}\" /></stzh-ratio>`\n          )\n        :\n          ''\n      }\n    </stzh-card-${search.variant === \"teaser\" ? \"superteaser\" : \"searchresult\"}>\n  `;\n}\n\nfunction defaultResultWrapperProps(search: HTMLStzhSearchElement) {\n  return {\n    layout: search.variant === \"teaser\" ? \"teasers\" : \"searchresults\"\n  } as HTMLStzhCardlistElement;\n}\n\n/**\n * @slot filters-main - Slot for main filters\n * @slot filters-aside - Slot for aside filters\n */\n@Component({\n  tag: \"stzh-search\",\n  styleUrl: \"stzh-search.scss\"\n})\nexport class StzhSearch {\n  /** Translation strings */\n  @Prop() localization: StzhSearchLocalizedText;\n\n  /** Variant */\n  @Prop() variant: \"default\" | \"teaser\" = \"default\";\n\n  /** Whether search results should be automatically fetched when a main filters has changed. */\n  @Prop() autofetchMainFilters: boolean = false;\n\n  /** Whether search results should be automatically fetched when a aside filters has changed. */\n  @Prop() autofetchAsideFilters: boolean = false;\n\n  /** Whether to hide the main filters slot */\n  @Prop({ reflect: true }) hideMainFilters: boolean = false;\n\n  /** Whether to hide the aside filters slot */\n  @Prop({ reflect: true }) hideAsideFilters: boolean = false;\n\n  /** API URL */\n  @Prop() api: string = \"\";\n\n  /** Debounce time in ms */\n  @Prop() debounceTime: number = 500;\n\n  /** Numbers of results shown with each load more action */\n  @Prop() limit: number = 6;\n\n  /** Whether search request should be fetched initially with set filters */\n  @Prop() initialFetch: boolean = false;\n\n  /** Whether url query should be updated when filter has changed */\n  @Prop() preventUpdateUrl: boolean = false;\n\n  /** Will be overwritten by api result (`templates.result` or `results[x].html`) */\n  @Prop() templateResult: string | ((search: HTMLStzhSearchElement, item: StzhSearchResult) => string) = defaultTemplateResult;\n\n  /** Element used for list wrapper element */\n  @Prop() templateResultWrapperElement: string | ((search: HTMLStzhSearchElement) => string) = function() {\n    return 'stzh-cardlist';\n  };\n\n  /** Properties applied to list wrapper element */\n  @Prop() templateResultWrapperProps: { [key: string]: any } | ((search: HTMLStzhSearchElement) => { [key: string]: any }) = defaultResultWrapperProps;\n\n  /** Heading level of results heading */\n  @Prop() resultHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Empty text */\n  @Prop() emptyText: string;\n\n  /** Empty link href */\n  @Prop() emptyLinkHref: string;\n\n  /** Empty link label */\n  @Prop() emptyLinkLabel: string;\n\n  @Element() element: HTMLStzhSearchElement;\n\n  @Watch(\"totalCount\")\n  @Watch(\"results\")\n  totalCountWatcher() {\n    this._showMoreLink = this.totalCount > this.results.length;\n  }\n\n  @Watch(\"preventUpdateUrl\")\n  preventUpdateUrlWatcher() {\n    this.updateParams();\n  }\n\n  @State() totalCount: number = 0;\n  private _showMoreLink: boolean = false;\n\n  @State() loading: boolean = false;\n  @State() error: string = \"\";\n\n  @State() results: StzhSearchResult[] = [];\n  @State() resultsHeading: string;\n  @State() hasRequiredParams: boolean = false;\n  @State() firstFetched: boolean = false;\n  @State() initiallyFetched: boolean = false;\n  @State() isDetailsOpen: boolean = false;\n\n  private currentController: AbortController;\n  private params: URLSearchParams;\n  private formElement: HTMLFormElement;\n\n  private renderResultTemplate(html: string, item: StzhSearchResult) {\n    let template = html\n      || (typeof this.templateResult === \"function\"\n        ? this.templateResult(this.element, item)\n        : this.templateResult);\n\n    [\n      \"href\",\n      \"heading\",\n      \"dateline\",\n      \"description\",\n      \"image\",\n      \"imagePosition\",\n      \"tag\",\n      \"topic\",\n      \"service\",\n      \"serviceColor\",\n      \"serviceBackgroundColor\",\n      \"meta\",\n      \"breadcrumbItems\",\n      \"eventLocation\",\n      \"download\",\n      \"downloadHeading\",\n      \"downloadMeta\",\n      \"datalistItems\",\n    ].forEach((property) => {\n      const regex = new RegExp(`\\{${property}\\}`, \"gi\");\n      let value = item[property] || \"\";\n\n      if ([\"meta\", \"breadcrumbItems\", \"downloadMeta\", \"datalistItems\"].includes(property) && value) {\n        value = JSON.stringify(value);\n      }\n\n      template = template.replace(regex, value)\n    });\n\n    return template;\n  }\n\n  private async updateParams(initial: boolean = false) {\n    const updateByFormElements = () => {\n      const formData = new FormData(this.formElement);\n      // @ts-ignore\n      this.params = new URLSearchParams(formData);\n      this.params.set('variant', this.variant);\n    }\n\n    if (initial) {\n      const initialParams = new URLSearchParams(location.search);\n      const search = initialParams.get(\"search\");\n\n      if (search) {\n        this.initialFetch = true;\n        const currentSearchParams = new URLSearchParams(search);\n\n        [...new Set(currentSearchParams.keys())].forEach((key) => {\n          const values = currentSearchParams.getAll(key);\n\n          // value as string/number: input, ... / pagination\n          const valueInputs = Array.from(document.querySelectorAll(`:where(stzh-input,stzh-radiogroup,stzh-chipselect,stzh-amount,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[name=\"${key}\"]`)) as\n            | HTMLStzhInputElement[]\n            | HTMLStzhRadiogroupElement[]\n            | HTMLStzhChipselectElement[]\n            | HTMLStzhAmountElement[]\n            | HTMLStzhDatepickerElement[]\n            | HTMLStzhMonthyearpickerElement[]\n            | HTMLStzhTimepickerElement[]\n            | HTMLStzhPaginationElement[]\n            | HTMLStzhToggleElement[]\n\n          // value as array: checkboxgroup\n          const valueArrayInputs = Array.from(document.querySelectorAll(`:where(stzh-checkboxgroup)[name=\"${key}\"]`)) as\n            | HTMLStzhCheckboxgroupElement[]\n\n          // items as array: dropdown\n          const itemsArrayInputs = Array.from(document.querySelectorAll(`:where(stzh-dropdown)[name=\"${key}\"]`)) as\n            | HTMLStzhDropdownElement[]\n\n          valueInputs.forEach((input: HTMLStzhInputElement | HTMLStzhRadiogroupElement | HTMLStzhChipselectElement | HTMLStzhAmountElement | HTMLStzhDatepickerElement | HTMLStzhMonthyearpickerElement | HTMLStzhTimepickerElement | HTMLStzhPaginationElement | HTMLStzhToggleElement) => {\n            input.value = values[0];\n          });\n\n          valueArrayInputs.forEach((input: HTMLStzhCheckboxgroupElement) => {\n            input.value = values;\n          });\n\n          itemsArrayInputs.forEach((input: HTMLStzhDropdownElement) => {\n            input.items = values;\n          });\n        });\n      }\n\n    }\n\n    await raf();\n    updateByFormElements();\n\n    // console.log(this.params.toString());\n\n    let hasRequiredParams = true;\n\n    const requiredInputFields = Array.from(this.element.querySelectorAll(\":where(stzh-input)[required]\")) as\n      | HTMLStzhInputElement[];\n\n    const requiredDropdownFields = Array.from(this.element.querySelectorAll(\":where(stzh-dropdown)[required]\")) as\n      | HTMLStzhDropdownElement[];\n\n    const requiredMonthyearpickers = Array.from(this.element.querySelectorAll(\":where(stzh-monthyearpicker)[required]\")) as\n      | HTMLStzhMonthyearpickerElement[]\n\n    const requiredFields = Array.from(this.element.querySelectorAll(\":where(stzh-amount,stzh-radiogroup,stzh-chipselect,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[required]\")) as\n      | HTMLStzhAmountElement[]\n      | HTMLStzhRadiogroupElement[]\n      | HTMLStzhChipselectElement[]\n      | HTMLStzhDatepickerElement[]\n      | HTMLStzhTimepickerElement[]\n      | HTMLStzhPaginationElement[]\n      | HTMLStzhToggleElement[];\n\n    const requiredCheckboxFields = Array.from(this.element.querySelectorAll(\":where(stzh-checkbox)[required]\")) as\n      | HTMLStzhCheckboxElement[];\n\n    requiredCheckboxFields.forEach((field: HTMLStzhCheckboxElement) => {\n      const invalid = !field.checked;\n\n      if (!initial) {\n        field.invalid = invalid;\n      }\n\n      if (invalid) {\n        hasRequiredParams = false;\n      }\n    });\n\n    requiredInputFields.forEach((field: HTMLStzhInputElement) => {\n      const invalid = field.value === \"\"\n        || (field.minlength && field.minlength > field.value.length)\n        || (field.maxlength && field.maxlength < field.value.length);\n\n      if (!initial) {\n        field.invalid = invalid;\n      }\n\n      if (invalid) {\n        hasRequiredParams = false;\n      }\n    });\n\n    requiredDropdownFields.forEach((field: HTMLStzhDropdownElement) => {\n      const invalid = field.items.length === 0;\n\n      if (!initial) {\n        field.invalid = invalid;\n      }\n\n      if (invalid) {\n        hasRequiredParams = false;\n      }\n    });\n\n    requiredFields.forEach((field: HTMLStzhAmountElement | HTMLStzhRadiogroupElement | HTMLStzhCheckboxElement | HTMLStzhChipselectElement | HTMLStzhDatepickerElement | HTMLStzhTimepickerElement | HTMLStzhPaginationElement | HTMLStzhToggleElement) => {\n      const invalid = field.value.toString().length === 0;\n\n      if (!initial) {\n        field.invalid = invalid;\n      }\n\n      if (invalid) {\n        hasRequiredParams = false;\n      }\n    });\n\n    requiredMonthyearpickers.forEach((field: HTMLStzhMonthyearpickerElement) => {\n      const invalid = field.value.toString().length === 0;\n\n      if (!initial) {\n        field.invalidYear = invalid;\n        field.invalidMonth = invalid;\n      }\n\n      if (invalid) {\n        hasRequiredParams = false;\n      }\n    });\n\n    this.hasRequiredParams = hasRequiredParams;\n  }\n\n  private fetch = async (append: boolean = false, initial: boolean = false) => {\n    if (this.currentController) {\n      this.currentController.abort()\n    }\n\n    if (!this.hasRequiredParams && !append) {\n      this.loading = false;\n      return;\n    }\n\n    this.loading = true;\n    this.error = \"\";\n\n    let apiUrl = this.api.replace(/\\{lang\\}/gi, this.localization.$locale);\n    let limit = this.limit.toString();\n\n    this.params.set('offset', append ? this.results.length.toString() : '0');\n\n    if (initial) {\n      const search = new URLSearchParams(location.search).get(\"search\");\n\n      if (search) {\n        const urlLimit = new URLSearchParams(search).get(\"limit\");\n\n        if (urlLimit) {\n          limit = urlLimit;\n        }\n      }\n    }\n\n    this.params.set('limit', limit);\n\n    this.currentController = new AbortController();\n\n    let data: {\n      error?: boolean\n      message?: string\n      templates?: {\n        result: string\n      },\n      meta?: {\n        total: number\n      },\n      resultsHeading?: string\n      results?: StzhSearchResult[]\n    } = {};\n\n    try {\n      // load data from API\n      const response = await axios(apiUrl, {\n        params: this.params,\n        signal: this.currentController.signal\n      });\n\n      data = response.data;\n    } catch (error) {\n      this.error = this.localization.error;\n    }\n\n    this.resultsHeading = data.resultsHeading || \"\";\n    this.totalCount = data.meta?.total || 0;\n\n    if (data.error) {\n      this.error = data.message || this.localization.error;\n    }\n\n    if (data.results) {\n      if (append) {\n        this.results = [...this.results, ...data.results.map(item => ({\n          ...item,\n          html: this.renderResultTemplate(item.html || data.templates?.result, item)\n        }))];\n      } else {\n        this.results = data.results.map(item => ({\n          ...item,\n          html: this.renderResultTemplate(item.html || data.templates?.result, item)\n        }));\n      }\n    }\n\n    if (!initial && !this.preventUpdateUrl) {\n      const newUrlParams = new URLSearchParams(location.search);\n      const searchParams = new URLSearchParams(this.params);\n\n      searchParams.delete(\"offset\");\n      searchParams.set(\"limit\", this.results.length.toString());\n      newUrlParams.set(\"search\", searchParams.toString());\n\n      // console.log(location.search, searchParams.toString(), newUrlParams.toString());\n\n      window.history.replaceState(null, \"\", `${location.pathname}?${newUrlParams}`)\n    }\n\n    if (initial || !this.firstFetched) {\n      this.loading = false;\n    } else {\n      // to be able to see loading effect we delay turning off loading state\n      window.setTimeout(() => {\n        this.loading = false;\n      }, this.debounceTime);\n    }\n\n    this.firstFetched = true;\n  }\n\n  private debouncedFetch = debounce(this.fetch, this.debounceTime);\n\n  private handleMainFilterChange = async () => {\n    if (this.autofetchMainFilters) {\n      await this.updateParams();\n      this.debouncedFetch();\n    }\n  }\n\n  private handleAsideFilterChange = async () => {\n    if (this.autofetchAsideFilters) {\n      await this.updateParams();\n      this.debouncedFetch();\n    }\n  }\n\n  private handleFormSubmit = async (event: Event) => {\n    event.preventDefault();\n\n    await this.updateParams();\n    this.fetch();\n  }\n\n  private handleMoreClick = () => {\n    this.fetch(true);\n  }\n\n  private handleMediaChange = () => {\n    this.isDetailsOpen = media(\"large\").matches;\n  }\n\n  private handleFormReset = async () => {\n    requestAnimationFrame(() => {\n      requestAnimationFrame(async () => {\n        await this.updateParams();\n      });\n    });\n  }\n\n  async componentDidLoad() {\n    // update params initially to get hidden filters\n    // and set initialFetch to true if search params exist\n    await this.updateParams(true);\n\n    if (this.initialFetch) {\n      await this.fetch(false, true);\n      this.initiallyFetched = true;\n    } else {\n      this.initiallyFetched = true;\n    }\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"search\");\n    }\n  }\n\n  connectedCallback() {\n    addMediaChangeListener(this.handleMediaChange);\n    this.handleMediaChange();\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.handleMediaChange);\n  }\n\n  render() {\n    const filtersMainUsed = hasSlot(this.element, 'filters-main');\n    const filtersAsideUsed = hasSlot(this.element, 'filters-aside');\n\n    const resultsShown = (this.hasRequiredParams || this.firstFetched) && this.firstFetched && this.initiallyFetched;\n\n    const classes = {\n      \"stzh-search\": true,\n      \"stzh-search--has-filters-main\": filtersMainUsed,\n      \"stzh-search--has-filters-aside\": filtersAsideUsed,\n      \"stzh-search--has-hidden-main-filters\": this.hideMainFilters,\n      \"stzh-search--has-hidden-aside-filters\": this.hideAsideFilters,\n      \"stzh-search--has-results-shown\": resultsShown,\n      \"stzh-search--has-error-shown\": !!this.error,\n      \"stzh-search--is-loading\": this.loading,\n      [`stzh-search--${this.variant}`]: !!this.variant,\n    };\n\n    const WrapperElement = typeof this.templateResultWrapperElement === \"function\"\n      ? this.templateResultWrapperElement(this.element)\n      : this.templateResultWrapperElement;\n\n    const wrapperProps = typeof this.templateResultWrapperProps === \"function\"\n      ? this.templateResultWrapperProps(this.element)\n      : this.templateResultWrapperProps;\n\n    return (\n      <Host has-aside-filters={filtersAsideUsed}>\n        <form\n          ref={(el) => (this.formElement = el as HTMLFormElement)}\n          novalidate\n          class={classes}\n          onSubmit={this.handleFormSubmit}\n          onReset={this.handleFormReset}\n        >\n          {/* @ts-ignore */}\n          <div class=\"stzh-search__filters-main\" onStzhChange={this.handleMainFilterChange}>\n            <slot name=\"filters-main\"></slot>\n          </div>\n\n          {filtersAsideUsed &&\n            <Fragment>\n              {/* @ts-ignore */}\n              <div class=\"stzh-search__filters-aside\" onStzhChange={this.handleAsideFilterChange}>\n                <div class=\"stzh-search__filters-aside-inner\">\n                  <div class=\"stzh-search__filters-aside-heading\">\n                    {this.localization.moreFilter}\n                  </div>\n                  <stzh-details\n                    open={this.isDetailsOpen}\n                    class=\"stzh-search__filters-aside-details\"\n                  >\n                    <stzh-button\n                      class=\"stzh-search__filters-aside-details-trigger\"\n                      variant=\"tertiary-plain\"\n                      size=\"small\"\n                      noPaddingLeft={true}\n                      showToggleIcon={true}\n                      iconPosition=\"right\"\n                      label={this.localization.moreFilter}\n                    ></stzh-button>\n                    <div slot=\"content\">\n                      <slot name=\"filters-aside\"></slot>\n                    </div>\n                  </stzh-details>\n                </div>\n              </div>\n            </Fragment>\n          }\n\n          <div class=\"stzh-search__results-wrapper\">\n            {resultsShown &&\n              <Fragment>\n                {this.results.length === 0\n                  ?\n                  <Fragment>\n                    {this.variant !== \"teaser\" && this.resultsHeading &&\n                      <stzh-heading\n                        class=\"stzh-search__results-heading\"\n                        curve=\"h3\"\n                        level={this.resultHeadingLevel}\n                        innerHTML={this.resultsHeading}\n                      ></stzh-heading>\n                    }\n\n                    {this.emptyText &&\n                      <stzh-text class=\"stzh-search__empty-text\" innerHTML={this.emptyText}></stzh-text>\n                    }\n\n                    {this.emptyLinkLabel && this.emptyLinkHref &&\n                      <div class=\"stzh-search__empty-link-wrapper\">\n                        <stzh-link\n                          href={this.emptyLinkHref}\n                          label={this.emptyLinkLabel}\n                        ></stzh-link>\n                      </div>\n                    }\n                  </Fragment>\n                  :\n                  <Fragment>\n                    {this.variant !== \"teaser\" && this.resultsHeading &&\n                      <stzh-heading\n                        class=\"stzh-search__results-heading\"\n                        curve=\"h3\"\n                        level={this.resultHeadingLevel}\n                        innerHTML={this.resultsHeading}\n                      ></stzh-heading>\n                    }\n\n                    <WrapperElement class=\"stzh-search__results\" {...wrapperProps}>\n                      {this.results.map((result) =>\n                        <div class=\"stzh-search__results-item\" innerHTML={result.html || \"\"}></div>\n                      )}\n                    </WrapperElement>\n\n                    <div class=\"stzh-search__actions-wrapper\">\n                      {this._showMoreLink &&\n                        <stzh-button\n                          variant=\"secondary\"\n                          class=\"stzh-search__action-more\"\n                          label={this.localization.showMore}\n                          onClick={this.handleMoreClick}\n                          a11yDisabled={this.loading}\n                        >\n                        </stzh-button>\n                      }\n                    </div>\n                  </Fragment>\n                }\n              </Fragment>\n            }\n\n            {this.error &&\n              <div class=\"stzh-search__error\">\n                <stzh-message type=\"error\" label={this.error}></stzh-message>\n              </div>\n            }\n\n            {this.loading && <stzh-loader class=\"stzh-search__loader\"></stzh-loader>}\n          </div>\n\n          <slot></slot>\n        </form>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-search.js","sourceRoot":"","sources":["../../../../src/components/stzh-search/stzh-search.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Fragment, h, Host, Prop, State, Watch } from \"@stencil/core\";\n\nimport { StzhSearchChipsResult, StzhSearchOverlayCloseClickEvent, StzhSearchResult } from \"../../index\";\n\nimport axios from \"axios\";\nimport { hasSlot, raf } from \"../../utils/utils\";\n\nimport { StzhSearchLocalizedText } from \"./stzh-search.localization\";\n\nimport { addMediaChangeListener, media, removeMediaChangeListener } from \"../../utils/media-utils\";\n\nimport debounce from \"lodash/debounce\";\n\nfunction defaultTemplateResult(search: HTMLStzhSearchElement, item: StzhSearchResult): string {\n  return `\n    <stzh-card-${search.variant === \"teaser\" ? \"superteaser\" : \"searchresult\"}\n      href=\"{href}\"\n      dateline=\"{dateline}\"\n      tag=\"{tag}\"\n      topic=\"{topic}\"\n      service=\"{service}\"\n      event-location=\"{eventLocation}\"\n      ${item.eventDateStart && 'event-date-start=\"{eventDateStart}\"'}\n      ${item.eventDateEnd && 'event-date-end=\"{eventDateEnd}\"'}\n      download-heading=\"{downloadHeading}\"\n      meta='{meta}'\n      breadcrumb-items='{breadcrumbItems}'\n      download-meta='{downloadMeta}'\n      datalist-items='{datalistItems}'\n      ${item.imagePosition && 'image-position=\"{imagePosition}\"'}\n      ${item.download && 'download=\"{download}\"'}\n      style=\"\n        ${item.serviceBackgroundColor ? \"--service-background-color: {serviceBackgroundColor};\" : \"\"}\n        ${item.serviceColor ? \"--service-color: {serviceColor};\" : \"\"}\n      \"\n    >\n      <div slot=\"heading\">{heading}</div>\n      <div slot=\"description\">{description}</div>\n      ${\n        item.image\n          ? item.imagePosition === \"right\"\n            ? `<img src=\"${item.image}\" slot=\"image\" />`\n            : `<stzh-ratio ${\n                search.variant === \"teaser\" ? 'ratio=\"2:1\"' : 'ratio=\"21:9\" ratio-small=\"1:1\"'\n              } slot=\"image\"><img src=\"${item.image}\" /></stzh-ratio>`\n          : \"\"\n      }\n    </stzh-card-${search.variant === \"teaser\" ? \"superteaser\" : \"searchresult\"}>\n  `;\n}\n\nfunction defaultResultWrapperProps(search: HTMLStzhSearchElement) {\n  return {\n    layout: search.variant === \"teaser\" ? \"teasers\" : \"searchresults\",\n  } as HTMLStzhCardlistElement;\n}\n\n/**\n * @slot filters-main - Slot for main filters\n * @slot filters-aside - Slot for aside filters\n */\n@Component({\n  tag: \"stzh-search\",\n  styleUrl: \"stzh-search.scss\",\n})\nexport class StzhSearch {\n  /** Translation strings */\n  @Prop() localization: StzhSearchLocalizedText;\n\n  /** Variant */\n  @Prop() variant: \"default\" | \"teaser\" = \"default\";\n\n  /** Whether it should be rendered as overlay or not. */\n  @Prop() breakout: boolean = false;\n\n  /** Whether search results should be automatically fetched when a main filters has changed. */\n  @Prop() autofetchMainFilters: boolean = false;\n\n  /** Whether search results should be automatically fetched when a aside filters has changed. */\n  @Prop() autofetchAsideFilters: boolean = false;\n\n  /** Whether to hide the main filters slot */\n  @Prop({ reflect: true }) hideMainFilters: boolean = false;\n\n  /** Whether to hide the aside filters slot */\n  @Prop({ reflect: true }) hideAsideFilters: boolean = false;\n\n  /** API URL */\n  @Prop() api: string = \"\";\n\n  /** Debounce time in ms */\n  @Prop() debounceTime: number = 500;\n\n  /** Numbers of results shown with each load more action */\n  @Prop() limit: number = 6;\n\n  /** Whether search request should be fetched initially with set filters */\n  @Prop() initialFetch: boolean = false;\n\n  /** Whether url query should be updated when filter has changed */\n  @Prop() preventUpdateUrl: boolean = false;\n\n  /** Will be overwritten by api result (`templates.result` or `results[x].html`) */\n  @Prop() templateResult: string | ((search: HTMLStzhSearchElement, item: StzhSearchResult) => string) =\n    defaultTemplateResult;\n\n  /** Element used for list wrapper element */\n  @Prop() templateResultWrapperElement: string | ((search: HTMLStzhSearchElement) => string) = function () {\n    return \"stzh-cardlist\";\n  };\n\n  /** Properties applied to list wrapper element */\n  @Prop() templateResultWrapperProps:\n    | { [key: string]: any }\n    | ((search: HTMLStzhSearchElement) => { [key: string]: any }) = defaultResultWrapperProps;\n\n  /** Heading level of results heading */\n  @Prop() resultHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Empty text */\n  @Prop() emptyText: string;\n\n  /** Empty text */\n  @Prop() heading: string;\n\n  /** Empty link href */\n  @Prop() emptyLinkHref: string;\n\n  /** Empty link label */\n  @Prop() emptyLinkLabel: string;\n\n  @Element() element: HTMLStzhSearchElement;\n\n  @Watch(\"totalCount\")\n  @Watch(\"results\")\n  totalCountWatcher() {\n    this._showMoreLink = this.totalCount > this.results.length;\n  }\n\n  @Watch(\"preventUpdateUrl\")\n  preventUpdateUrlWatcher() {\n    this.updateParams();\n  }\n\n  @State() totalCount: number = 0;\n  private _showMoreLink: boolean = false;\n\n  @State() loading: boolean = false;\n  @State() error: string = \"\";\n\n  @State() results: StzhSearchResult[] = [];\n  @State() chipResultsHeading: string;\n  @State() chipResults: StzhSearchChipsResult[] = [];\n  @State() resultsHeading: string;\n  @State() hasRequiredParams: boolean = false;\n  @State() firstFetched: boolean = false;\n  @State() initiallyFetched: boolean = false;\n  @State() isDetailsOpen: boolean = false;\n\n  /** Search overlay close click event */\n  @Event() stzhOverlayCloseClick: EventEmitter<StzhSearchOverlayCloseClickEvent>;\n\n  private currentController: AbortController;\n  private params: URLSearchParams;\n  private formElement: HTMLFormElement;\n\n  private renderResultTemplate(html: string, item: StzhSearchResult) {\n    let template =\n      html ||\n      (typeof this.templateResult === \"function\" ? this.templateResult(this.element, item) : this.templateResult);\n\n    [\n      \"href\",\n      \"heading\",\n      \"dateline\",\n      \"description\",\n      \"image\",\n      \"imagePosition\",\n      \"tag\",\n      \"topic\",\n      \"service\",\n      \"serviceColor\",\n      \"serviceBackgroundColor\",\n      \"meta\",\n      \"breadcrumbItems\",\n      \"eventLocation\",\n      \"eventDateStart\",\n      \"eventDateEnd\",\n      \"download\",\n      \"downloadHeading\",\n      \"downloadMeta\",\n      \"datalistItems\",\n    ].forEach(property => {\n      const regex = new RegExp(`\\{${property}\\}`, \"gi\");\n      let value = item[property] || \"\";\n\n      if ([\"meta\", \"breadcrumbItems\", \"downloadMeta\", \"datalistItems\"].includes(property) && value) {\n        value = JSON.stringify(value);\n      }\n\n      template = template.replace(regex, value);\n    });\n\n    return template;\n  }\n\n  private async updateParams(initial: boolean = false) {\n    const updateByFormElements = () => {\n      const formData = new FormData(this.formElement);\n      // @ts-ignore\n      this.params = new URLSearchParams(formData);\n      this.params.set(\"variant\", this.variant);\n    };\n\n    if (initial) {\n      const initialParams = new URLSearchParams(location.search);\n      const search = initialParams.get(\"search\");\n\n      if (search) {\n        this.initialFetch = true;\n        const currentSearchParams = new URLSearchParams(search);\n\n        [...new Set(currentSearchParams.keys())].forEach(key => {\n          const values = currentSearchParams.getAll(key);\n\n          // value as string/number: input, ... / pagination\n          const valueInputs = Array.from(\n            document.querySelectorAll(\n              `:where(stzh-input,stzh-radiogroup,stzh-chipselect,stzh-amount,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[name=\"${key}\"]`\n            )\n          ) as\n            | HTMLStzhInputElement[]\n            | HTMLStzhRadiogroupElement[]\n            | HTMLStzhChipselectElement[]\n            | HTMLStzhAmountElement[]\n            | HTMLStzhDatepickerElement[]\n            | HTMLStzhMonthyearpickerElement[]\n            | HTMLStzhTimepickerElement[]\n            | HTMLStzhPaginationElement[]\n            | HTMLStzhToggleElement[];\n\n          // value as array: checkboxgroup\n          const valueArrayInputs = Array.from(\n            document.querySelectorAll(`:where(stzh-checkboxgroup)[name=\"${key}\"]`)\n          ) as HTMLStzhCheckboxgroupElement[];\n\n          // items as array: dropdown\n          const itemsArrayInputs = Array.from(document.querySelectorAll(`:where(stzh-dropdown)[name=\"${key}\"]`)) as\n            | HTMLStzhDropdownElement[];\n\n          valueInputs.forEach(\n            (\n              input:\n                | HTMLStzhInputElement\n                | HTMLStzhRadiogroupElement\n                | HTMLStzhChipselectElement\n                | HTMLStzhAmountElement\n                | HTMLStzhDatepickerElement\n                | HTMLStzhMonthyearpickerElement\n                | HTMLStzhTimepickerElement\n                | HTMLStzhPaginationElement\n                | HTMLStzhToggleElement\n            ) => {\n              input.value = values[0];\n            }\n          );\n\n          valueArrayInputs.forEach((input: HTMLStzhCheckboxgroupElement) => {\n            input.value = values;\n          });\n\n          itemsArrayInputs.forEach((input: HTMLStzhDropdownElement) => {\n            input.items = values;\n          });\n        });\n      }\n    }\n\n    await raf();\n    updateByFormElements();\n\n    // console.log(this.params.toString());\n\n    let hasRequiredParams = true;\n\n    const requiredInputFields = Array.from(this.element.querySelectorAll(\":where(stzh-input)[required]\")) as\n      | HTMLStzhInputElement[];\n\n    const requiredDropdownFields = Array.from(this.element.querySelectorAll(\":where(stzh-dropdown)[required]\")) as\n      | HTMLStzhDropdownElement[];\n\n    const requiredMonthyearpickers = Array.from(\n      this.element.querySelectorAll(\":where(stzh-monthyearpicker)[required]\")\n    ) as HTMLStzhMonthyearpickerElement[];\n\n    const requiredFields = Array.from(\n      this.element.querySelectorAll(\n        \":where(stzh-amount,stzh-radiogroup,stzh-chipselect,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[required]\"\n      )\n    ) as\n      | HTMLStzhAmountElement[]\n      | HTMLStzhRadiogroupElement[]\n      | HTMLStzhChipselectElement[]\n      | HTMLStzhDatepickerElement[]\n      | HTMLStzhTimepickerElement[]\n      | HTMLStzhPaginationElement[]\n      | HTMLStzhToggleElement[];\n\n    const requiredCheckboxFields = Array.from(this.element.querySelectorAll(\":where(stzh-checkbox)[required]\")) as\n      | HTMLStzhCheckboxElement[];\n\n    requiredCheckboxFields.forEach((field: HTMLStzhCheckboxElement) => {\n      const invalid = !field.checked;\n\n      if (!initial) {\n        field.invalid = invalid;\n      }\n\n      if (invalid) {\n        hasRequiredParams = false;\n      }\n    });\n\n    requiredInputFields.forEach((field: HTMLStzhInputElement) => {\n      const invalid =\n        field.value === \"\" ||\n        (field.minlength && field.minlength > field.value.length) ||\n        (field.maxlength && field.maxlength < field.value.length);\n\n      if (!initial) {\n        field.invalid = invalid;\n      }\n\n      if (invalid) {\n        hasRequiredParams = false;\n      }\n    });\n\n    requiredDropdownFields.forEach((field: HTMLStzhDropdownElement) => {\n      const invalid = field.items.length === 0;\n\n      if (!initial) {\n        field.invalid = invalid;\n      }\n\n      if (invalid) {\n        hasRequiredParams = false;\n      }\n    });\n\n    requiredFields.forEach(\n      (\n        field:\n          | HTMLStzhAmountElement\n          | HTMLStzhRadiogroupElement\n          | HTMLStzhCheckboxElement\n          | HTMLStzhChipselectElement\n          | HTMLStzhDatepickerElement\n          | HTMLStzhTimepickerElement\n          | HTMLStzhPaginationElement\n          | HTMLStzhToggleElement\n      ) => {\n        const invalid = field.value.toString().length === 0;\n\n        if (!initial) {\n          field.invalid = invalid;\n        }\n\n        if (invalid) {\n          hasRequiredParams = false;\n        }\n      }\n    );\n\n    requiredMonthyearpickers.forEach((field: HTMLStzhMonthyearpickerElement) => {\n      const invalid = field.value.toString().length === 0;\n\n      if (!initial) {\n        field.invalidYear = invalid;\n        field.invalidMonth = invalid;\n      }\n\n      if (invalid) {\n        hasRequiredParams = false;\n      }\n    });\n\n    this.hasRequiredParams = hasRequiredParams;\n  }\n\n  private fetch = async (append: boolean = false, initial: boolean = false) => {\n    if (this.currentController) {\n      this.currentController.abort();\n    }\n\n    if (!this.hasRequiredParams && !append) {\n      this.loading = false;\n      return;\n    }\n\n    this.loading = true;\n    this.error = \"\";\n\n    let apiUrl = this.api.replace(/\\{lang\\}/gi, this.localization.$locale);\n    let limit = this.limit.toString();\n\n    this.params.set(\"offset\", append ? this.results.length.toString() : \"0\");\n\n    if (initial) {\n      const search = new URLSearchParams(location.search).get(\"search\");\n\n      if (search) {\n        const urlLimit = new URLSearchParams(search).get(\"limit\");\n\n        if (urlLimit) {\n          limit = urlLimit;\n        }\n      }\n    }\n\n    this.params.set(\"limit\", limit);\n\n    this.currentController = new AbortController();\n\n    let data: {\n      error?: boolean;\n      message?: string;\n      templates?: {\n        result: string;\n      };\n      meta?: {\n        total: number;\n      };\n      resultsHeading?: string;\n      results?: StzhSearchResult[];\n      chipResultsHeading?: string;\n      chipResults?: StzhSearchChipsResult[];\n    } = {};\n\n    try {\n      // load data from API\n      const response = await axios(apiUrl, {\n        params: this.params,\n        signal: this.currentController.signal,\n      });\n\n      data = response.data;\n    } catch (error) {\n      this.error = this.localization.error;\n    }\n\n    this.resultsHeading = data.resultsHeading || \"\";\n    this.totalCount = data.meta?.total || 0;\n\n    if (data.error) {\n      this.error = data.message || this.localization.error;\n    }\n\n    if (data.chipResults && data.chipResults.length) {\n      this.chipResultsHeading = data.chipResultsHeading ?? \"\";\n      this.chipResults = data.chipResults;\n    } else {\n      this.chipResultsHeading = \"\";\n      this.chipResults = [];\n    }\n\n    if (data.results) {\n      if (append) {\n        this.results = [\n          ...this.results,\n          ...data.results.map(item => ({\n            ...item,\n            html: this.renderResultTemplate(item.html || data.templates?.result, item),\n          })),\n        ];\n      } else {\n        this.results = data.results.map(item => ({\n          ...item,\n          html: this.renderResultTemplate(item.html || data.templates?.result, item),\n        }));\n      }\n    }\n\n    if (!initial && !this.preventUpdateUrl) {\n      const newUrlParams = new URLSearchParams(location.search);\n      const searchParams = new URLSearchParams(this.params);\n\n      searchParams.delete(\"offset\");\n      searchParams.set(\"limit\", this.results.length.toString());\n      newUrlParams.set(\"search\", searchParams.toString());\n\n      // console.log(location.search, searchParams.toString(), newUrlParams.toString());\n\n      window.history.replaceState(null, \"\", `${location.pathname}?${newUrlParams}`);\n    }\n\n    if (initial || !this.firstFetched) {\n      this.loading = false;\n    } else {\n      // to be able to see loading effect we delay turning off loading state\n      window.setTimeout(() => {\n        this.loading = false;\n      }, this.debounceTime);\n    }\n\n    this.firstFetched = true;\n  };\n\n  private debouncedFetch = debounce(this.fetch, this.debounceTime);\n\n  private handleMainFilterChange = async () => {\n    if (this.autofetchMainFilters) {\n      await this.updateParams();\n      this.debouncedFetch();\n    }\n  };\n\n  private handleAsideFilterChange = async () => {\n    if (this.autofetchAsideFilters) {\n      await this.updateParams();\n      this.debouncedFetch();\n    }\n  };\n\n  private handleFormSubmit = async (event: Event) => {\n    event.preventDefault();\n\n    await this.updateParams();\n    this.fetch();\n  };\n\n  private handleMoreClick = () => {\n    this.fetch(true);\n  };\n\n  private handleMediaChange = () => {\n    this.isDetailsOpen = media(\"large\").matches;\n  };\n\n  private handleFormReset = async () => {\n    requestAnimationFrame(() => {\n      requestAnimationFrame(async () => {\n        await this.updateParams();\n      });\n    });\n  };\n\n  private handleOverlayCloseClick = (event: MouseEvent) => {\n    this.stzhOverlayCloseClick.emit({\n      component: \"stzh-search\",\n      originalEvent: event,\n    });\n  };\n\n  async componentDidLoad() {\n    // update params initially to get hidden filters\n    // and set initialFetch to true if search params exist\n    await this.updateParams(true);\n\n    if (this.initialFetch) {\n      await this.fetch(false, true);\n      this.initiallyFetched = true;\n    } else {\n      this.initiallyFetched = true;\n    }\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"search\");\n    }\n  }\n\n  connectedCallback() {\n    addMediaChangeListener(this.handleMediaChange);\n    this.handleMediaChange();\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.handleMediaChange);\n  }\n\n  render() {\n    const filtersMainUsed = hasSlot(this.element, \"filters-main\");\n    const filtersAsideUsed = hasSlot(this.element, \"filters-aside\");\n    let chipsProvided = true;\n    if (filtersMainUsed) {\n      const providedChipselect = this.element.querySelector(\"[slot='filters-main'] stzh-chipselect\");\n      const providedChipgroup = this.element.querySelector(\"[slot='filters-main'] stzh-chipgroup\");\n      if (!providedChipselect && !providedChipgroup) {\n        chipsProvided = false;\n      }\n    } else {\n      chipsProvided = false;\n    }\n\n    const resultsShown = (this.hasRequiredParams || this.firstFetched) && this.firstFetched && this.initiallyFetched;\n\n    const classes = {\n      \"stzh-search\": true,\n      \"stzh-search--has-filters-main\": filtersMainUsed,\n      \"stzh-search--has-filters-aside\": filtersAsideUsed,\n      \"stzh-search--has-hidden-main-filters\": this.hideMainFilters,\n      \"stzh-search--has-hidden-aside-filters\": this.hideAsideFilters,\n      \"stzh-search--has-results-shown\": resultsShown,\n      \"stzh-search--has-error-shown\": !!this.error,\n      \"stzh-search--is-loading\": this.loading,\n      [`stzh-search--${this.variant}`]: !!this.variant,\n    };\n\n    const WrapperElement =\n      typeof this.templateResultWrapperElement === \"function\"\n        ? this.templateResultWrapperElement(this.element)\n        : this.templateResultWrapperElement;\n\n    const wrapperProps =\n      typeof this.templateResultWrapperProps === \"function\"\n        ? this.templateResultWrapperProps(this.element)\n        : this.templateResultWrapperProps;\n\n    return (\n      <Host has-aside-filters={filtersAsideUsed} class={this.breakout ? \"stzh-search--is-breakout\" : \"\"}>\n        {this.breakout && (\n          <div class=\"stzh-search__header-wrapper\">\n            <div class=\"stzh-search__header\">\n              <stzh-heading class=\"stzh-search__header-heading\" curve=\"h2\">\n                {this.heading}\n              </stzh-heading>\n              <stzh-button\n                class=\"stzh-search__overlay-close\"\n                icon=\"close\"\n                iconOnly={true}\n                size=\"small\"\n                variant=\"tertiary\"\n                onClick={this.handleOverlayCloseClick}\n              ></stzh-button>\n            </div>\n          </div>\n        )}\n        <form\n          ref={el => (this.formElement = el as HTMLFormElement)}\n          novalidate\n          class={classes}\n          onSubmit={this.handleFormSubmit}\n          onReset={this.handleFormReset}\n        >\n          {/* @ts-ignore */}\n          <div class=\"stzh-search__filters-main\" onStzhChange={this.handleMainFilterChange}>\n            <slot name=\"filters-main\"></slot>\n            {!chipsProvided && this.chipResults.length > 0 && (\n              <div class=\"stzh-search__filters-main-chips\">\n                {this.chipResultsHeading && (\n                  <stzh-text font=\"heavy\" size=\"milli\" color=\"primary\">\n                    {this.chipResultsHeading}\n                  </stzh-text>\n                )}\n                {this.chipResults[0].options ? (\n                  <stzh-chipgroup>\n                    {this.chipResults.map(chipResult => (\n                      <stzh-dropdown\n                        label={chipResult.label}\n                        name={chipResult.value}\n                        variant=\"filter\"\n                        no-search={true}\n                        hide-optional={true}\n                        inline={true}\n                        options={chipResult.options}\n                      ></stzh-dropdown>\n                    ))}\n                  </stzh-chipgroup>\n                ) : (\n                  <stzh-chipselect\n                    multiple={true}\n                    name=\"subject\"\n                    label={this.chipResultsHeading}\n                    label-hidden={true}\n                    data={this.chipResults.map(chipResult => ({\n                      label: chipResult.label,\n                      value: chipResult.value,\n                      counter: `${chipResult.amount}`,\n                      variant: \"filter\",\n                      size: \"small\",\n                    }))}\n                  ></stzh-chipselect>\n                )}\n              </div>\n            )}\n          </div>\n\n          {filtersAsideUsed && (\n            <Fragment>\n              {/* @ts-ignore */}\n              <div class=\"stzh-search__filters-aside\" onStzhChange={this.handleAsideFilterChange}>\n                <div class=\"stzh-search__filters-aside-inner\">\n                  <div class=\"stzh-search__filters-aside-heading\">{this.localization.moreFilter}</div>\n                  <stzh-details open={this.isDetailsOpen} class=\"stzh-search__filters-aside-details\">\n                    <stzh-button\n                      class=\"stzh-search__filters-aside-details-trigger\"\n                      variant=\"tertiary-plain\"\n                      size=\"small\"\n                      noPaddingLeft={true}\n                      showToggleIcon={true}\n                      iconPosition=\"right\"\n                      label={this.localization.moreFilter}\n                    ></stzh-button>\n                    <div slot=\"content\">\n                      <slot name=\"filters-aside\"></slot>\n                    </div>\n                  </stzh-details>\n                </div>\n              </div>\n            </Fragment>\n          )}\n\n          <div class=\"stzh-search__results-wrapper\">\n            {resultsShown && (\n              <Fragment>\n                {this.results.length === 0 ? (\n                  <Fragment>\n                    {this.variant !== \"teaser\" && this.resultsHeading && (\n                      <stzh-heading\n                        class=\"stzh-search__results-heading\"\n                        curve=\"h3\"\n                        level={this.resultHeadingLevel}\n                        innerHTML={this.resultsHeading}\n                      ></stzh-heading>\n                    )}\n\n                    {this.emptyText && (\n                      <stzh-text class=\"stzh-search__empty-text\" innerHTML={this.emptyText}></stzh-text>\n                    )}\n\n                    {this.emptyLinkLabel && this.emptyLinkHref && (\n                      <div class=\"stzh-search__empty-link-wrapper\">\n                        <stzh-link href={this.emptyLinkHref} label={this.emptyLinkLabel}></stzh-link>\n                      </div>\n                    )}\n                  </Fragment>\n                ) : (\n                  <Fragment>\n                    {this.variant !== \"teaser\" && this.resultsHeading && (\n                      <stzh-heading\n                        class=\"stzh-search__results-heading\"\n                        curve=\"h3\"\n                        level={this.resultHeadingLevel}\n                        innerHTML={this.resultsHeading}\n                      ></stzh-heading>\n                    )}\n\n                    <WrapperElement class=\"stzh-search__results\" {...wrapperProps}>\n                      {this.results.map(result => (\n                        <div class=\"stzh-search__results-item\" innerHTML={result.html || \"\"}></div>\n                      ))}\n                    </WrapperElement>\n\n                    <div class=\"stzh-search__actions-wrapper\">\n                      {this._showMoreLink && (\n                        <stzh-button\n                          variant=\"secondary\"\n                          class=\"stzh-search__action-more\"\n                          label={this.localization.showMore}\n                          onClick={this.handleMoreClick}\n                          a11yDisabled={this.loading}\n                        ></stzh-button>\n                      )}\n                    </div>\n                  </Fragment>\n                )}\n              </Fragment>\n            )}\n\n            {this.error && (\n              <div class=\"stzh-search__error\">\n                <stzh-message type=\"error\" label={this.error}></stzh-message>\n              </div>\n            )}\n\n            {this.loading && <stzh-loader class=\"stzh-search__loader\"></stzh-loader>}\n          </div>\n\n          <slot></slot>\n        </form>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/stzh-search/stzh-search.stories.js

@@ -71,6 +71,15 @@ const TEMPLATE_ONSITE = `
 </stzh-search>
 `;
 
+const TEMPLATE_ONSITE_WITH_CHIP_RESULTS = `
+<stzh-search>
+  <stzh-fieldset slot="filters-main">
+    <input type="submit" hidden />
+    <stzh-input required minlength="3" type="search" name="query" label="Suche nach Stichworten" hide-optional clearable></stzh-input>
+  </stzh-fieldset>
+</stzh-search>
+`;
+
 const TEMPLATE_WITH_ASIDE = `
 <stzh-search>
   <stzh-fieldset slot="filters-main">
@@ -157,7 +166,8 @@ const TEMPLATE_WITH_ASIDE = `
 </stzh-search>
 `;
 
-{/* <stzh-radiogroup name="foo" direction="horizontal" hide-optional>
+{
+  /* <stzh-radiogroup name="foo" direction="horizontal" hide-optional>
   <stzh-radio value="Lorem" label="Lorem"></stzh-radio>
   <stzh-radio value="Ipsum" label="Ipsum"></stzh-radio>
   <stzh-radio value="Dolor" label="Dolor"></stzh-radio>
@@ -165,7 +175,8 @@ const TEMPLATE_WITH_ASIDE = `
   <stzh-radio value="Aliquip" label="Aliquip"></stzh-radio>
   <stzh-radio value="Nisi" label="Nisi"></stzh-radio>
   <stzh-radio value="Velit" label="Velit"></stzh-radio>
-</stzh-radiogroup> */}
+</stzh-radiogroup> */
+}
 
 const TEMPLATE_SUPERTEASER = `
 <stzh-search>
@@ -222,7 +233,69 @@ const TEMPLATE_SUPERTEASER = `
 </stzh-search>
 `;
 
-{/* <stzh-chipselect
+const TEMPLATE_SUPERTEASER_WITH_CHIP_RESULTS = `
+<stzh-search>
+  <input type="hidden" name="thema" value="Sicherheit">
+</stzh-search>
+`;
+
+const TEMPLATE_SUPERTEASER_WITH_PROVIDED_CHIPS = `
+<stzh-search>
+  <div slot="filters-main">
+    <stzh-chipgroup>
+      <stzh-dropdown
+        label="Lorem"
+        name="filter1"
+        variant="filter"
+        no-search
+        hide-optional
+        inline
+        options='[
+          { "text": "Lorem Ipsum", "value": "1" },
+          { "text": "Dolor", "value": "2" },
+          { "text": "Si amet", "value": "3" },
+          { "text": "Lorem Dolor", "value": "4" }
+        ]'
+      >
+      </stzh-dropdown>
+      <stzh-dropdown
+        label="Ipsum"
+        name="filter2"
+        variant="filter"
+        no-search
+        hide-optional
+        inline
+        options='[
+          { "text": "Lorem Ipsum", "value": "1" },
+          { "text": "Dolor", "value": "2" },
+          { "text": "Si amet", "value": "3" },
+          { "text": "Lorem Dolor", "value": "4" }
+        ]'
+      >
+      </stzh-dropdown>
+      <stzh-dropdown
+        label="Dolor"
+        name="filter3"
+        variant="filter"
+        no-search
+        hide-optional
+        inline
+        options='[
+          { "text": "Lorem Ipsum", "value": "1" },
+          { "text": "Dolor", "value": "2" },
+          { "text": "Si amet", "value": "3" },
+          { "text": "Lorem Dolor", "value": "4" }
+        ]'
+      >
+      </stzh-dropdown>
+    </stzh-chipgroup>
+  </div>
+  <input type="hidden" name="thema" value="Sicherheit">
+</stzh-search>
+`;
+
+{
+  /* <stzh-chipselect
   multiple
   name="subject"
   label="Test"
@@ -253,7 +326,8 @@ const TEMPLATE_SUPERTEASER = `
       "size": "small"
     }
   ]'
-></stzh-chipselect> */}
+></stzh-chipselect> */
+}
 
 export default {
   title: 'Components/Search',
@@ -271,62 +345,87 @@ export default {
       allowFullscreen: true
     }
   },
-  decorators: [
-    withActions,
-    withDesign
-  ]
+  decorators: [withActions, withDesign]
 };
 
 export const Onsite = {
   render: (args) => story(args, TEMPLATE_ONSITE),
   args: {
-    api: "mock/search.json",
-    "autofetch-main-filters": true,
+    api: 'mock/search.json',
+    'autofetch-main-filters': true
+  }
+};
+
+export const OnsiteWithChipResults = {
+  render: (args) => story(args, TEMPLATE_ONSITE_WITH_CHIP_RESULTS),
+  args: {
+    api: 'mock/search.json',
+    'autofetch-main-filters': true
+  }
+};
+
+export const OnsiteBreakout = {
+  render: (args) => story(args, TEMPLATE_ONSITE),
+  args: {
+    api: 'mock/search.json',
+    'autofetch-main-filters': true,
+    breakout: true,
+    heading: 'Suche'
   }
 };
 
 export const EmptyResults = {
   render: (args) => story(args, TEMPLATE_ONSITE),
   args: {
-    api: "mock/search-empty.json",
-    "autofetch-main-filters": true,
-    "empty-text": "Sorry, we couldn't find what you are looking for.",
-    "empty-link-href": "https://stadt-zuerich.ch",
-    "empty-link-label": "Lorem ipsum",
+    api: 'mock/search-empty.json',
+    'autofetch-main-filters': true,
+    'empty-text': "Sorry, we couldn't find what you are looking for.",
+    'empty-link-href': 'https://stadt-zuerich.ch',
+    'empty-link-label': 'Lorem ipsum'
   }
 };
 
 export const Error = {
   render: (args) => story(args, TEMPLATE_ONSITE),
   args: {
-    api: "mock/search-error.json",
-    "autofetch-main-filters": true,
+    api: 'mock/search-error.json',
+    'autofetch-main-filters': true
   }
 };
 
 export const WithAside = {
   render: (args) => story(args, TEMPLATE_WITH_ASIDE),
   args: {
-    api: "mock/search.json",
-    "autofetch-aside-filters": true,
+    api: 'mock/search.json',
+    'autofetch-aside-filters': true
   }
 };
 
 export const SuperTeaser = {
   render: (args) => story(args, TEMPLATE_SUPERTEASER),
   args: {
-    api: "mock/search-superteaser.json",
-    variant: "teaser",
-    "autofetch-main-filters": true,
-    "initial-fetch": true,
+    api: 'mock/search-superteaser.json',
+    variant: 'teaser',
+    'autofetch-main-filters': true,
+    'initial-fetch': true
+  }
+};
+
+export const SuperTeaserWithChipResults = {
+  render: (args) => story(args, TEMPLATE_SUPERTEASER_WITH_CHIP_RESULTS),
+  args: {
+    api: 'mock/search-superteaser.json',
+    variant: 'teaser',
+    'autofetch-main-filters': true,
+    'initial-fetch': true
   }
 };
 
 export const CustomResultTemplate = {
   render: (args) => story(args, TEMPLATE_WITH_ASIDE),
   args: {
-    api: "mock/search.json",
-    "template-result": '<stzh-datalist-item href="{href}" label="Label" value="{heading}"></stzh-datalist-item>',
-    "template-result-wrapper-element": "stzh-datalist"
+    api: 'mock/search.json',
+    'template-result': '<stzh-datalist-item href="{href}" label="Label" value="{heading}"></stzh-datalist-item>',
+    'template-result-wrapper-element': 'stzh-datalist'
   }
 };

package/dist/collection/components/stzh-section/stzh-section.css

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */
@@ -185,13 +188,11 @@
 }
 @media screen and (min-width: 600px) {
   :host {
-    --padding-top: var(--stzh-section-padding-top, var(--stzh-space-xlarge));
     --padding-bottom: var(--stzh-section-padding-bottom, var(--stzh-space-xlarge));
   }
 }
 @media screen and (min-width: 1260px) {
   :host {
-    --padding-top: var(--stzh-section-padding-top, var(--stzh-space-xxxlarge));
     --padding-bottom: var(--stzh-section-padding-bottom, var(--stzh-space-xxxlarge));
   }
 }
@@ -233,20 +234,17 @@
 
 /* Background variants */
 :host(:where([background]:not([background="default"]))) {
-  --padding-top: var(--stzh-section-background-padding-top, var(--stzh-space-xlarge));
   --padding-bottom: var(--stzh-section-background-padding-bottom, var(--stzh-space-xlarge));
   --margin-top: var(--stzh-section-background-margin-top, var(--stzh-space-medium));
   --margin-bottom: var(--stzh-section-background-margin-bottom, var(--stzh-space-medium));
 }
 @media screen and (min-width: 600px) {
   :host(:where([background]:not([background="default"]))) {
-    --padding-top: var(--stzh-section-background-padding-top, var(--stzh-space-xxlarge));
     --padding-bottom: var(--stzh-section-background-padding-bottom, var(--stzh-space-xxlarge));
   }
 }
 @media screen and (min-width: 1260px) {
   :host(:where([background]:not([background="default"]))) {
-    --padding-top: var(--stzh-section-background-padding-top, var(--stzh-space-xxxxlarge));
     --padding-bottom: var(--stzh-section-background-padding-bottom, var(--stzh-space-xxxxlarge));
     --margin-top: var(--stzh-section-background-margin-top, var(--stzh-space-xxlarge));
     --margin-bottom: var(--stzh-section-background-margin-bottom, var(--stzh-space-xxlarge));
@@ -316,6 +314,84 @@
   }
 }
 
+/* Highlight variant */
+:host([variant=contextbox]) {
+  --padding-left: var(--stzh-space-medium);
+  --padding-right: var(--stzh-space-medium);
+  --padding-top: var(--stzh-space-medium);
+  --padding-bottom: var(--stzh-space-medium);
+  --color: var(--stzh-section-highlight-color);
+  --background-color: var(--stzh-section-highlight-background-color);
+  --heading-background-color: var(--stzh-color-secondary40);
+  --stzh-section-padding-top: 0px;
+  --stzh-section-padding-bottom: 0px;
+  --stzh-section-margin-top: 0px;
+  --stzh-section-margin-bottom: 0px;
+}
+@media screen and (min-width: 600px) {
+  :host([variant=contextbox]) {
+    --padding-left: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 900px) {
+  :host([variant=contextbox]) {
+    --padding-left: var(--stzh-space-xlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host([variant=contextbox]) {
+    --padding-left: var(--stzh-space-xxlarge);
+  }
+}
+@media screen and (min-width: 600px) {
+  :host([variant=contextbox]) {
+    --padding-right: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 900px) {
+  :host([variant=contextbox]) {
+    --padding-right: var(--stzh-space-xlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host([variant=contextbox]) {
+    --padding-right: var(--stzh-space-xxlarge);
+  }
+}
+@media screen and (min-width: 600px) {
+  :host([variant=contextbox]) {
+    --padding-top: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 900px) {
+  :host([variant=contextbox]) {
+    --padding-top: var(--stzh-space-xlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host([variant=contextbox]) {
+    --padding-top: var(--stzh-space-xxlarge);
+  }
+}
+@media screen and (min-width: 600px) {
+  :host([variant=contextbox]) {
+    --padding-bottom: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 900px) {
+  :host([variant=contextbox]) {
+    --padding-bottom: var(--stzh-space-xlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  :host([variant=contextbox]) {
+    --padding-bottom: var(--stzh-space-xxlarge);
+  }
+}
+:host([variant=contextbox]):last-child {
+  margin-bottom: 0;
+}
+
 /* Margin variants */
 :host([margin-top=none]) {
   --margin-top: 0px;
@@ -326,10 +402,6 @@
 }
 
 /* Padding variants */
-:host([padding-top=none]) {
-  --padding-top: 0px;
-}
-
 :host([padding-bottom=none]) {
   --padding-bottom: 0px;
 }

package/dist/collection/components/stzh-section/stzh-section.js

@@ -1,4 +1,4 @@
-import { Host, h, } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 /**
  * @slot - Slot for any content
  * @slot heading - Slot for `stzh-heading` element
@@ -15,10 +15,10 @@ export class StzhSection {
   }
   render() {
     return (h(Host, null, h("section", { class: {
-        'stzh-section': true,
+        "stzh-section": true,
         [`stzh-section--is-breakout`]: this.breakout,
         [`stzh-section--${this.variant}`]: !!this.variant,
-        [`stzh-section--margin-bottom-${this.marginBottom}`]: !!this.marginBottom
+        [`stzh-section--margin-bottom-${this.marginBottom}`]: !!this.marginBottom,
       } }, h("div", { class: "stzh-section__outer" }, h("div", { class: "stzh-section__heading" }, h("slot", { name: "heading" })), h("div", { class: "stzh-section__wrapper" }, h("slot", null))))));
   }
   static get is() { return "stzh-section"; }
@@ -39,8 +39,8 @@ export class StzhSection {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"default\" | \"highlight\"",
-          "resolved": "\"default\" | \"highlight\"",
+          "original": "\"default\" | \"highlight\" | \"contextbox\"",
+          "resolved": "\"contextbox\" | \"default\" | \"highlight\"",
           "references": {}
         },
         "required": false,

package/dist/collection/components/stzh-section/stzh-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-section.js","sourceRoot":"","sources":["../../../../src/components/stzh-section/stzh-section.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,CAAC,GACF,MAAM,eAAe,CAAC;AAEvB;;;GAGG;AAMH,MAAM,OAAO,WAAW;;mBAEsC,SAAS;sBAGN,SAAS;qBAGf,SAAS;wBAGN,SAAS;sBAGX,SAAS;yBAGN,SAAS;oBAGzB,KAAK;;EAElD,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,eAAS,KAAK,EAAE;UACd,cAAc,EAAE,IAAI;UACpB,CAAC,2BAA2B,CAAC,EAAE,IAAI,CAAC,QAAQ;UAC5C,CAAC,iBAAiB,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO;UACjD,CAAC,+BAA+B,IAAI,CAAC,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY;SAC1E;QACC,WAAK,KAAK,EAAC,qBAAqB;UAC9B,WAAK,KAAK,EAAC,uBAAuB;YAChC,YAAM,IAAI,EAAC,SAAS,GAAQ,CACxB;UACN,WAAK,KAAK,EAAC,uBAAuB;YAChC,eAAa,CACT,CACF,CACE,CACL,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Host,\n  Prop,\n  h,\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for any content\n * @slot heading - Slot for `stzh-heading` element\n */\n@Component({\n  tag: \"stzh-section\",\n  styleUrl: \"stzh-section.scss\",\n  shadow: true\n})\nexport class StzhSection {\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"default\" | \"highlight\" = \"default\";\n\n  /** Background color */\n  @Prop({ reflect: true }) background: \"default\" | \"secondary\" = \"default\";\n\n  /** Margin top spacing */\n  @Prop({ reflect: true }) marginTop: \"default\" | \"none\" = \"default\";\n\n  /** Margin bottom spacing */\n  @Prop({ reflect: true }) marginBottom: \"default\" | \"none\" = \"default\";\n\n  /** Padding top spacing */\n  @Prop({ reflect: true }) paddingTop: \"default\" | \"none\" = \"default\";\n\n  /** Padding bottom spacing */\n  @Prop({ reflect: true }) paddingBottom: \"default\" | \"none\" = \"default\";\n\n  /** Whether to breakout container */\n  @Prop({ reflect: true }) breakout: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <section class={{\n          'stzh-section': true,\n          [`stzh-section--is-breakout`]: this.breakout,\n          [`stzh-section--${this.variant}`]: !!this.variant,\n          [`stzh-section--margin-bottom-${this.marginBottom}`]: !!this.marginBottom\n        }}>\n          <div class=\"stzh-section__outer\">\n            <div class=\"stzh-section__heading\">\n              <slot name=\"heading\"></slot>\n            </div>\n            <div class=\"stzh-section__wrapper\">\n              <slot></slot>\n            </div>\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-section.js","sourceRoot":"","sources":["../../../../src/components/stzh-section/stzh-section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEzD;;;GAGG;AAMH,MAAM,OAAO,WAAW;;mBAEqD,SAAS;sBAGrB,SAAS;qBAGf,SAAS;wBAGN,SAAS;sBAGX,SAAS;yBAGN,SAAS;oBAGzB,KAAK;;EAElD,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,eACE,KAAK,EAAE;UACL,cAAc,EAAE,IAAI;UACpB,CAAC,2BAA2B,CAAC,EAAE,IAAI,CAAC,QAAQ;UAC5C,CAAC,iBAAiB,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO;UACjD,CAAC,+BAA+B,IAAI,CAAC,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY;SAC1E;QAED,WAAK,KAAK,EAAC,qBAAqB;UAC9B,WAAK,KAAK,EAAC,uBAAuB;YAChC,YAAM,IAAI,EAAC,SAAS,GAAQ,CACxB;UACN,WAAK,KAAK,EAAC,uBAAuB;YAChC,eAAa,CACT,CACF,CACE,CACL,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from \"@stencil/core\";\n\n/**\n * @slot - Slot for any content\n * @slot heading - Slot for `stzh-heading` element\n */\n@Component({\n  tag: \"stzh-section\",\n  styleUrl: \"stzh-section.scss\",\n  shadow: true,\n})\nexport class StzhSection {\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"default\" | \"highlight\" | \"contextbox\" = \"default\";\n\n  /** Background color */\n  @Prop({ reflect: true }) background: \"default\" | \"secondary\" = \"default\";\n\n  /** Margin top spacing */\n  @Prop({ reflect: true }) marginTop: \"default\" | \"none\" = \"default\";\n\n  /** Margin bottom spacing */\n  @Prop({ reflect: true }) marginBottom: \"default\" | \"none\" = \"default\";\n\n  /** Padding top spacing */\n  @Prop({ reflect: true }) paddingTop: \"default\" | \"none\" = \"default\";\n\n  /** Padding bottom spacing */\n  @Prop({ reflect: true }) paddingBottom: \"default\" | \"none\" = \"default\";\n\n  /** Whether to breakout container */\n  @Prop({ reflect: true }) breakout: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <section\n          class={{\n            \"stzh-section\": true,\n            [`stzh-section--is-breakout`]: this.breakout,\n            [`stzh-section--${this.variant}`]: !!this.variant,\n            [`stzh-section--margin-bottom-${this.marginBottom}`]: !!this.marginBottom,\n          }}\n        >\n          <div class=\"stzh-section__outer\">\n            <div class=\"stzh-section__heading\">\n              <slot name=\"heading\"></slot>\n            </div>\n            <div class=\"stzh-section__wrapper\">\n              <slot></slot>\n            </div>\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/stzh-share/stzh-share.css

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-show/stzh-show.css

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-sitemap/stzh-sitemap.css

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */