@utrecht/web-component-library-stencil 3.6.0 → 3.6.1

package/dist/utrecht/p-62200f8b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["paginationCss","UtrechtPaginationStyle0","Pagination","render","currentIndex","this","links","JSON","parse","next","prev","RelativeLink","disabled","href","rel","textContent","title","h","class","clsx","PageLink","current","key","Object","assign","role","sort","a","b","index","map","link","arrayIndex"],"sources":["src/components/pagination.scss?tag=utrecht-pagination&encapsulation=shadow","src/components/pagination.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@import \"~@utrecht/pagination-css/src\";\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-pagination',\n  styleUrl: 'pagination.scss',\n  shadow: true,\n})\nexport class Pagination {\n  @Prop() links: string;\n  @Prop() next: string;\n  @Prop() prev: string;\n  @Prop({ attribute: 'current-index' }) currentIndex: number;\n\n  render() {\n    const { currentIndex } = this;\n    const links = typeof this.links === 'string' ? JSON.parse(this.links) : null;\n    const next = typeof this.next === 'string' ? JSON.parse(this.next) : null;\n    const prev = typeof this.prev === 'string' ? JSON.parse(this.next) : null;\n\n    const RelativeLink = ({ disabled = false, href = '', rel = null, textContent = '', title = '' }) =>\n      disabled ? (\n        <span\n          class={clsx(\n            'utrecht-pagination__relative-link',\n            disabled && 'utrecht-pagination__relative-link--disabled',\n            rel === 'next' && 'utrecht-pagination__relative-link--next',\n            rel === 'prev' && 'utrecht-pagination__relative-link--prev',\n          )}\n          aria-label={title || null}\n        >\n          {textContent}\n        </span>\n      ) : (\n        <a\n          href={href}\n          class={clsx(\n            'utrecht-pagination__relative-link',\n            disabled && 'utrecht-pagination__relative-link--disabled',\n            rel === 'next' && 'utrecht-pagination__relative-link--next',\n            rel === 'prev' && 'utrecht-pagination__relative-link--prev',\n          )}\n          rel={rel}\n          aria-label={title || null}\n        >\n          {textContent}\n        </a>\n      );\n\n    const PageLink = ({ current = false, href = '', rel = null, textContent = '' }) => (\n      <a\n        class={clsx('utrecht-pagination__page-link', current && 'utrecht-pagination__page-link--current')}\n        href={href}\n        aria-current={current ? 'true' : null}\n        rel={rel}\n      >\n        {textContent}\n      </a>\n    );\n\n    return (\n      <nav class=\"utrecht-pagination\">\n        <span class=\"utrecht-pagination__before\">\n          {prev ? RelativeLink({ ...prev, rel: 'prev', textContent: 'Vorige' }) : ''}\n        </span>\n        <span role=\"group\" class=\"utrecht-pagination__pages\">\n          {links\n            .sort((a, b) => (a.index === b.index ? 0 : a.index > b.index ? 1 : -1))\n            .map((link, arrayIndex) => {\n              const index = typeof link.index === 'number' ? link.index : arrayIndex;\n              return {\n                index,\n                current: typeof currentIndex === 'number' && index === currentIndex,\n                rel:\n                  typeof currentIndex === 'number'\n                    ? index === currentIndex + 1\n                      ? 'next'\n                      : index === currentIndex - 1\n                      ? 'prev'\n                      : null\n                    : null,\n                textContent: link.index || index,\n                ...link,\n              };\n            })\n            .map((link) => PageLink(link))}\n        </span>\n        <span class=\"utrecht-pagination__before\">\n          {next ? RelativeLink({ ...next, rel: 'next', textContent: 'Volgende' }) : ''}\n        </span>\n      </nav>\n    );\n  }\n}\n"],"mappings":"+EAAA,MAAMA,EAAgB,klKACtB,MAAAC,EAAeD,E,MCaFE,EAAU,M,kHAMrB,MAAAC,GACE,MAAMC,aAAEA,GAAiBC,KACzB,MAAMC,SAAeD,KAAKC,QAAU,SAAWC,KAAKC,MAAMH,KAAKC,OAAS,KACxE,MAAMG,SAAcJ,KAAKI,OAAS,SAAWF,KAAKC,MAAMH,KAAKI,MAAQ,KACrE,MAAMC,SAAcL,KAAKK,OAAS,SAAWH,KAAKC,MAAMH,KAAKI,MAAQ,KAErE,MAAME,EAAe,EAAGC,WAAW,MAAOC,OAAO,GAAIC,MAAM,KAAMC,cAAc,GAAIC,QAAQ,MACzFJ,EACEK,EAAA,QACEC,MAAOC,EACL,oCACAP,GAAY,8CACZE,IAAQ,QAAU,0CAClBA,IAAQ,QAAU,2CACnB,aACWE,GAAS,MAEpBD,GAGHE,EAAA,KACEJ,KAAMA,EACNK,MAAOC,EACL,oCACAP,GAAY,8CACZE,IAAQ,QAAU,0CAClBA,IAAQ,QAAU,2CAEpBA,IAAKA,EAAG,aACIE,GAAS,MAEpBD,GAIP,MAAMK,EAAW,EAAGC,UAAU,MAAOR,OAAO,GAAIC,MAAM,KAAMC,cAAc,MACxEE,EAAA,KAAAK,IAAA,2CACEJ,MAAOC,EAAK,gCAAiCE,GAAW,0CACxDR,KAAMA,EAAI,eACIQ,EAAU,OAAS,KACjCP,IAAKA,GAEJC,GAIL,OACEE,EAAA,OAAAK,IAAA,2CAAKJ,MAAM,sBACTD,EAAA,QAAAK,IAAA,2CAAMJ,MAAM,8BACTR,EAAOC,EAAYY,OAAAC,OAAAD,OAAAC,OAAA,GAAMd,GAAI,CAAEI,IAAK,OAAQC,YAAa,YAAc,IAE1EE,EAAA,QAAAK,IAAA,2CAAMG,KAAK,QAAQP,MAAM,6BACtBZ,EACEoB,MAAK,CAACC,EAAGC,IAAOD,EAAEE,QAAUD,EAAEC,MAAQ,EAAIF,EAAEE,MAAQD,EAAEC,MAAQ,GAAK,IACnEC,KAAI,CAACC,EAAMC,KACV,MAAMH,SAAeE,EAAKF,QAAU,SAAWE,EAAKF,MAAQG,EAC5D,OAAAT,OAAAC,OAAA,CACEK,QACAR,eAAgBjB,IAAiB,UAAYyB,IAAUzB,EACvDU,WACSV,IAAiB,SACpByB,IAAUzB,EAAe,EACvB,OACAyB,IAAUzB,EAAe,EACzB,OACA,KACF,KACNW,YAAagB,EAAKF,OAASA,GACxBE,EAAI,IAGVD,KAAKC,GAASX,EAASW,MAE5Bd,EAAA,QAAAK,IAAA,2CAAMJ,MAAM,8BACTT,EAAOE,EAAYY,OAAAC,OAAAD,OAAAC,OAAA,GAAMf,GAAI,CAAEK,IAAK,OAAQC,YAAa,cAAgB,I","ignoreList":[]}

package/dist/utrecht/p-9739da2a.entry.js

@@ -1,2 +0,0 @@
-import{r,h as e}from"./p-5002d233.js";const t=".utrecht-form-field-error-message{--utrecht-document-color:currentColor;background-color:var(--utrecht-form-field-error-message-background-color);color:var(--utrecht-form-field-error-message-color);display:block;font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-error-message-font-size, inherit);font-style:var(--utrecht-form-field-error-message-font-style);line-height:var(--utrecht-form-field-error-message-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-block-end:var(--utrecht-form-field-error-message-padding-block-end);padding-block-start:var(--utrecht-form-field-error-message-padding-block-start);padding-inline-end:var(--utrecht-form-field-error-message-padding-inline-end);padding-inline-start:var(--utrecht-form-field-error-message-padding-inline-start)}.utrecht-form-field-error-message>*{--utrecht-space-around:1}:host{--utrecht-document-color:currentColor;background-color:var(--utrecht-form-field-error-message-background-color);color:var(--utrecht-form-field-error-message-color);display:block;font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-error-message-font-size, inherit);font-style:var(--utrecht-form-field-error-message-font-style);line-height:var(--utrecht-form-field-error-message-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-error-message-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)));padding-block-end:var(--utrecht-form-field-error-message-padding-block-end);padding-block-start:var(--utrecht-form-field-error-message-padding-block-start);padding-inline-end:var(--utrecht-form-field-error-message-padding-inline-end);padding-inline-start:var(--utrecht-form-field-error-message-padding-inline-start)}:host>*{--utrecht-space-around:1}:host([hidden]){display:none !important}";const a=t;const o=class{constructor(e){r(this,e)}render(){return e("slot",{key:"931cdc46e1006e689b3cf0bab4764d7da323c427"})}};o.style=a;export{o as utrecht_form_field_error_message};
-//# sourceMappingURL=p-9739da2a.entry.js.map

package/dist/utrecht/p-9739da2a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["formFieldErrorMessageCss","UtrechtFormFieldErrorMessageStyle0","FormFieldErrorMessage","render","h","key"],"sources":["src/components/form-field-error-message.scss?tag=utrecht-form-field-error-message&encapsulation=shadow","src/components/form-field-error-message.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@import \"~@utrecht/form-field-error-message-css/src\";\n\n:host {\n  @include utrecht-form-field-error-message;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-form-field-error-message',\n  styleUrl: 'form-field-error-message.scss',\n  shadow: true,\n})\nexport class FormFieldErrorMessage {\n  render() {\n    return <slot></slot>;\n  }\n}\n"],"mappings":"sCAAA,MAAMA,EAA2B,6wEACjC,MAAAC,EAAeD,E,MCYFE,EAAqB,M,yBAChC,MAAAC,GACE,OAAOC,EAAA,QAAAC,IAAA,4C","ignoreList":[]}