@utrecht/web-component-library-vue 2.1.0 → 2.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.d.ts +1 -1
- package/dist/{index-d4c2a3e7.mjs → index-95995348.mjs} +255 -255
- package/dist/{utrecht-alert_46.entry-1db85cd4.mjs → utrecht-alert_46.entry-85294d33.mjs} +119 -119
- package/dist/{utrecht-backdrop.entry-822cb044.mjs → utrecht-backdrop.entry-0fda4f7f.mjs} +1 -1
- package/dist/{utrecht-breadcrumb-nav.entry-cf0778f0.mjs → utrecht-breadcrumb-nav.entry-45ec29b8.mjs} +4 -4
- package/dist/{utrecht-checkbox.entry-84214031.mjs → utrecht-checkbox.entry-47466802.mjs} +4 -4
- package/dist/{utrecht-column-layout.entry-b34f9b8f.mjs → utrecht-column-layout.entry-dee8f5e4.mjs} +5 -5
- package/dist/{utrecht-contact-card-template.entry-9e7d3475.mjs → utrecht-contact-card-template.entry-13049edf.mjs} +4 -4
- package/dist/{utrecht-custom-checkbox.entry-1bc1dc44.mjs → utrecht-custom-checkbox.entry-73458c8c.mjs} +4 -4
- package/dist/utrecht-data-list-actions.entry-9ea8efac.mjs +14 -0
- package/dist/{utrecht-data-list-item.entry-c16bec0d.mjs → utrecht-data-list-item.entry-8b2530d6.mjs} +1 -1
- package/dist/utrecht-data-list-key.entry-619c73b7.mjs +14 -0
- package/dist/{utrecht-data-list-value.entry-461036a1.mjs → utrecht-data-list-value.entry-f35092d0.mjs} +1 -1
- package/dist/{utrecht-data-list.entry-5460eac8.mjs → utrecht-data-list.entry-9d7e6445.mjs} +1 -1
- package/dist/{utrecht-digid-button.entry-df0dad11.mjs → utrecht-digid-button.entry-423e52d9.mjs} +2 -2
- package/dist/{utrecht-digid-logo.entry-237d387e.mjs → utrecht-digid-logo.entry-995e95b5.mjs} +2 -2
- package/dist/{utrecht-eherkenning-logo.entry-2665c2ff.mjs → utrecht-eherkenning-logo.entry-e23aeeb9.mjs} +7 -7
- package/dist/{utrecht-eidas-logo.entry-5d99e644.mjs → utrecht-eidas-logo.entry-f83828ac.mjs} +6 -6
- package/dist/{utrecht-form-field-error-message.entry-17b0a01c.mjs → utrecht-form-field-error-message.entry-c84a2272.mjs} +2 -2
- package/dist/utrecht-form-toggle.entry-4ed95737.mjs +27 -0
- package/dist/{utrecht-html-content.entry-6d4dacab.mjs → utrecht-html-content.entry-eb4a9ea3.mjs} +11 -11
- package/dist/{utrecht-icon-afspraak-maken.entry-61dcea7b.mjs → utrecht-icon-afspraak-maken.entry-f4cd7dac.mjs} +1 -1
- package/dist/{utrecht-icon-afval-container.entry-387e78bb.mjs → utrecht-icon-afval-container.entry-ae75fe4e.mjs} +1 -1
- package/dist/{utrecht-icon-afval-containerpas.entry-8e415b77.mjs → utrecht-icon-afval-containerpas.entry-5c72cc99.mjs} +1 -1
- package/dist/{utrecht-icon-afval-kalender.entry-793107d5.mjs → utrecht-icon-afval-kalender.entry-d9097229.mjs} +1 -1
- package/dist/{utrecht-icon-afval-pmd.entry-07f7a645.mjs → utrecht-icon-afval-pmd.entry-2b06db60.mjs} +1 -1
- package/dist/{utrecht-icon-afval-scheiden.entry-1e3d7a09.mjs → utrecht-icon-afval-scheiden.entry-0b764e81.mjs} +1 -1
- package/dist/{utrecht-icon-afval.entry-3d3976bd.mjs → utrecht-icon-afval.entry-809f6c83.mjs} +1 -1
- package/dist/{utrecht-icon-afvalkalender.entry-0dba2831.mjs → utrecht-icon-afvalkalender.entry-1fe8b7e6.mjs} +1 -1
- package/dist/{utrecht-icon-alleen.entry-a3ab5d2a.mjs → utrecht-icon-alleen.entry-331f9558.mjs} +1 -1
- package/dist/{utrecht-icon-arrow.entry-9fb1ade1.mjs → utrecht-icon-arrow.entry-ffa0d906.mjs} +1 -1
- package/dist/{utrecht-icon-auto.entry-897a43d1.mjs → utrecht-icon-auto.entry-ef78ddc1.mjs} +1 -1
- package/dist/{utrecht-icon-begroting.entry-c538dfdb.mjs → utrecht-icon-begroting.entry-60b37c64.mjs} +1 -1
- package/dist/{utrecht-icon-bestemmingsplan.entry-a92188fa.mjs → utrecht-icon-bestemmingsplan.entry-0f3ed1ef.mjs} +1 -1
- package/dist/{utrecht-icon-betaaldatum.entry-5b441a2a.mjs → utrecht-icon-betaaldatum.entry-28258994.mjs} +1 -1
- package/dist/{utrecht-icon-bewijsstukken.entry-524fcef3.mjs → utrecht-icon-bewijsstukken.entry-fa1ece95.mjs} +1 -1
- package/dist/{utrecht-icon-bijstand.entry-1fee6b86.mjs → utrecht-icon-bijstand.entry-8df94036.mjs} +1 -1
- package/dist/{utrecht-icon-blad.entry-fd9c32f9.mjs → utrecht-icon-blad.entry-c42edbd3.mjs} +1 -1
- package/dist/{utrecht-icon-bouwproject.entry-b0601fd9.mjs → utrecht-icon-bouwproject.entry-9b49dadb.mjs} +1 -1
- package/dist/{utrecht-icon-brandgevaar.entry-df28d953.mjs → utrecht-icon-brandgevaar.entry-7ee90c89.mjs} +1 -1
- package/dist/{utrecht-icon-brief-betalen.entry-0d043ee7.mjs → utrecht-icon-brief-betalen.entry-94303cd4.mjs} +1 -1
- package/dist/{utrecht-icon-checkmark.entry-295c9d6b.mjs → utrecht-icon-checkmark.entry-01e17a44.mjs} +1 -1
- package/dist/{utrecht-icon-chevron-down.entry-cd2c75aa.mjs → utrecht-icon-chevron-down.entry-8e8a1716.mjs} +1 -1
- package/dist/{utrecht-icon-chevron-left.entry-b404c310.mjs → utrecht-icon-chevron-left.entry-6806166c.mjs} +1 -1
- package/dist/{utrecht-icon-chevron-right.entry-4add80cf.mjs → utrecht-icon-chevron-right.entry-5ecdf4ba.mjs} +1 -1
- package/dist/{utrecht-icon-chevron-up.entry-ddde9a88.mjs → utrecht-icon-chevron-up.entry-78ca7fb1.mjs} +1 -1
- package/dist/{utrecht-icon-close.entry-25cffefc.mjs → utrecht-icon-close.entry-6d4fb34a.mjs} +1 -1
- package/dist/{utrecht-icon-college-b-w.entry-ae818451.mjs → utrecht-icon-college-b-w.entry-1caf9361.mjs} +1 -1
- package/dist/{utrecht-icon-container-bio.entry-dfc8b65f.mjs → utrecht-icon-container-bio.entry-b2d4beea.mjs} +1 -1
- package/dist/{utrecht-icon-container-glas.entry-b797beaa.mjs → utrecht-icon-container-glas.entry-114203be.mjs} +1 -1
- package/dist/{utrecht-icon-container-groenafval.entry-d742bba8.mjs → utrecht-icon-container-groenafval.entry-f4b75cf9.mjs} +1 -1
- package/dist/{utrecht-icon-container-met-zak.entry-2f278d6d.mjs → utrecht-icon-container-met-zak.entry-3420597b.mjs} +1 -1
- package/dist/{utrecht-icon-container-papier.entry-f786927f.mjs → utrecht-icon-container-papier.entry-bca5024f.mjs} +1 -1
- package/dist/{utrecht-icon-container-pmd.entry-520684c7.mjs → utrecht-icon-container-pmd.entry-7785283e.mjs} +1 -1
- package/dist/{utrecht-icon-container-restafval.entry-0440357d.mjs → utrecht-icon-container-restafval.entry-c2542359.mjs} +1 -1
- package/dist/{utrecht-icon-container-textiel.entry-e81c3a24.mjs → utrecht-icon-container-textiel.entry-f06ccf80.mjs} +1 -1
- package/dist/{utrecht-icon-container.entry-c6e8d112.mjs → utrecht-icon-container.entry-5e30e01c.mjs} +1 -1
- package/dist/{utrecht-icon-cross.entry-576b9b25.mjs → utrecht-icon-cross.entry-44f5050f.mjs} +1 -1
- package/dist/{utrecht-icon-dakloos.entry-1f861a54.mjs → utrecht-icon-dakloos.entry-cad71e8e.mjs} +1 -1
- package/dist/{utrecht-icon-dementie.entry-ad2f2f18.mjs → utrecht-icon-dementie.entry-810557d4.mjs} +1 -1
- package/dist/{utrecht-icon-documenten.entry-9197ac11.mjs → utrecht-icon-documenten.entry-8265315e.mjs} +1 -1
- package/dist/{utrecht-icon-duurzaam.entry-48a7165d.mjs → utrecht-icon-duurzaam.entry-494d867c.mjs} +1 -1
- package/dist/{utrecht-icon-eenzaamheid.entry-14c28da2.mjs → utrecht-icon-eenzaamheid.entry-e734d34c.mjs} +1 -1
- package/dist/{utrecht-icon-eikenprocessie.entry-f7a77aa2.mjs → utrecht-icon-eikenprocessie.entry-9f9be058.mjs} +1 -1
- package/dist/{utrecht-icon-elektrisch-rijden.entry-cc722f8e.mjs → utrecht-icon-elektrisch-rijden.entry-7784b007.mjs} +1 -1
- package/dist/{utrecht-icon-energie-vergoeding.entry-3864fe8b.mjs → utrecht-icon-energie-vergoeding.entry-057a590e.mjs} +1 -1
- package/dist/{utrecht-icon-energietransitie.entry-5fc0648b.mjs → utrecht-icon-energietransitie.entry-8898bbb7.mjs} +1 -1
- package/dist/{utrecht-icon-error.entry-2d91a883.mjs → utrecht-icon-error.entry-f186836c.mjs} +1 -1
- package/dist/{utrecht-icon-evenementen.entry-f174f058.mjs → utrecht-icon-evenementen.entry-e83f782e.mjs} +1 -1
- package/dist/{utrecht-icon-facebook.entry-f0380e4f.mjs → utrecht-icon-facebook.entry-c3af0d94.mjs} +1 -1
- package/dist/{utrecht-icon-fiets.entry-9b792d1c.mjs → utrecht-icon-fiets.entry-f81eaed9.mjs} +1 -1
- package/dist/{utrecht-icon-filter.entry-54fa279f.mjs → utrecht-icon-filter.entry-f44c2c12.mjs} +1 -1
- package/dist/{utrecht-icon-geboorte.entry-8a888d6a.mjs → utrecht-icon-geboorte.entry-dbb2af8e.mjs} +1 -1
- package/dist/{utrecht-icon-gebruiker-centraal.entry-f2b363af.mjs → utrecht-icon-gebruiker-centraal.entry-4f8c2b2b.mjs} +1 -1
- package/dist/{utrecht-icon-gebruiker-ingelogd.entry-d513cfea.mjs → utrecht-icon-gebruiker-ingelogd.entry-0d461734.mjs} +1 -1
- package/dist/{utrecht-icon-gegevenswoordenboek.entry-48163527.mjs → utrecht-icon-gegevenswoordenboek.entry-8f6d5e60.mjs} +1 -1
- package/dist/{utrecht-icon-geluid.entry-89a9aeae.mjs → utrecht-icon-geluid.entry-8b859940.mjs} +1 -1
- package/dist/{utrecht-icon-gemeente-locatie.entry-51edbed7.mjs → utrecht-icon-gemeente-locatie.entry-10242d82.mjs} +1 -1
- package/dist/{utrecht-icon-gemeenteraad.entry-9a60b2d1.mjs → utrecht-icon-gemeenteraad.entry-b8e27c79.mjs} +1 -1
- package/dist/{utrecht-icon-gereedschap.entry-e4a5aed7.mjs → utrecht-icon-gereedschap.entry-92fa7e2a.mjs} +1 -1
- package/dist/{utrecht-icon-gezicht.entry-35f6adfb.mjs → utrecht-icon-gezicht.entry-be52a868.mjs} +1 -1
- package/dist/{utrecht-icon-gezin.entry-5453623f.mjs → utrecht-icon-gezin.entry-33014b3a.mjs} +1 -1
- package/dist/{utrecht-icon-glas-afval.entry-b9307c24.mjs → utrecht-icon-glas-afval.entry-dc1a5588.mjs} +1 -1
- package/dist/{utrecht-icon-glijbaan.entry-e565539e.mjs → utrecht-icon-glijbaan.entry-2b14a5de.mjs} +1 -1
- package/dist/{utrecht-icon-grafiek.entry-a618f0c4.mjs → utrecht-icon-grafiek.entry-5233c2df.mjs} +1 -1
- package/dist/{utrecht-icon-grofvuil-ophalen.entry-728e8e9b.mjs → utrecht-icon-grofvuil-ophalen.entry-4459ddd1.mjs} +1 -1
- package/dist/{utrecht-icon-grofvuil.entry-1a14a24a.mjs → utrecht-icon-grofvuil.entry-5cfb8260.mjs} +1 -1
- package/dist/{utrecht-icon-hamburger-menu.entry-c69c1706.mjs → utrecht-icon-hamburger-menu.entry-f744e119.mjs} +1 -1
- package/dist/{utrecht-icon-herdenking.entry-0b57bff7.mjs → utrecht-icon-herdenking.entry-226a577c.mjs} +1 -1
- package/dist/{utrecht-icon-hondenbelasting.entry-cc8fc6b0.mjs → utrecht-icon-hondenbelasting.entry-9a228416.mjs} +1 -1
- package/dist/{utrecht-icon-horeca.entry-8997f99c.mjs → utrecht-icon-horeca.entry-abd822b5.mjs} +1 -1
- package/dist/{utrecht-icon-horecavergunning.entry-b419a99f.mjs → utrecht-icon-horecavergunning.entry-56077f1a.mjs} +1 -1
- package/dist/{utrecht-icon-huis-en-omgeving.entry-3919504e.mjs → utrecht-icon-huis-en-omgeving.entry-eece96d5.mjs} +1 -1
- package/dist/{utrecht-icon-huis.entry-bb1ad38c.mjs → utrecht-icon-huis.entry-1356ab90.mjs} +1 -1
- package/dist/{utrecht-icon-huishoudelijk-geweld.entry-ae0007fb.mjs → utrecht-icon-huishoudelijk-geweld.entry-e989f9cd.mjs} +1 -1
- package/dist/{utrecht-icon-hulp-huishouden.entry-720334ec.mjs → utrecht-icon-hulp-huishouden.entry-b2b9c6df.mjs} +1 -1
- package/dist/{utrecht-icon-hulp-vervoer.entry-e993a783.mjs → utrecht-icon-hulp-vervoer.entry-b2bfb3b2.mjs} +1 -1
- package/dist/{utrecht-icon-hulp-zorg.entry-bde67248.mjs → utrecht-icon-hulp-zorg.entry-c180b03e.mjs} +1 -1
- package/dist/{utrecht-icon-hulpmiddelen-gezin.entry-d79adf50.mjs → utrecht-icon-hulpmiddelen-gezin.entry-94dabc4d.mjs} +1 -1
- package/dist/{utrecht-icon-hulpverlening.entry-7cfa1543.mjs → utrecht-icon-hulpverlening.entry-786ea614.mjs} +1 -1
- package/dist/{utrecht-icon-idee.entry-830551c5.mjs → utrecht-icon-idee.entry-bc3b8c83.mjs} +1 -1
- package/dist/{utrecht-icon-informatie.entry-f370b095.mjs → utrecht-icon-informatie.entry-2950fa1e.mjs} +1 -1
- package/dist/{utrecht-icon-information.entry-1922ade7.mjs → utrecht-icon-information.entry-5103e8c6.mjs} +1 -1
- package/dist/{utrecht-icon-innovatie.entry-4722e2a6.mjs → utrecht-icon-innovatie.entry-02c63e13.mjs} +1 -1
- package/dist/{utrecht-icon-inspraak-inwoners.entry-1d0b2a61.mjs → utrecht-icon-inspraak-inwoners.entry-5b965c43.mjs} +1 -1
- package/dist/{utrecht-icon-instagram.entry-e91dd8de.mjs → utrecht-icon-instagram.entry-5f488e99.mjs} +1 -1
- package/dist/{utrecht-icon-kalender.entry-72386ee9.mjs → utrecht-icon-kalender.entry-432b2d3b.mjs} +1 -1
- package/dist/{utrecht-icon-kennis.entry-c3053222.mjs → utrecht-icon-kennis.entry-91994ddf.mjs} +1 -1
- package/dist/{utrecht-icon-kerstbomen.entry-9f288399.mjs → utrecht-icon-kerstbomen.entry-ab43ba8e.mjs} +1 -1
- package/dist/{utrecht-icon-klachten.entry-0a945370.mjs → utrecht-icon-klachten.entry-11c2dae4.mjs} +1 -1
- package/dist/{utrecht-icon-kroon.entry-c6e28e2c.mjs → utrecht-icon-kroon.entry-2914f59f.mjs} +1 -1
- package/dist/{utrecht-icon-laadpaal.entry-0f2ca45f.mjs → utrecht-icon-laadpaal.entry-58ad6483.mjs} +1 -1
- package/dist/{utrecht-icon-language.entry-0a370dde.mjs → utrecht-icon-language.entry-8a3fa210.mjs} +1 -1
- package/dist/{utrecht-icon-lantaarnpaal-oud.entry-5aa3fbe3.mjs → utrecht-icon-lantaarnpaal-oud.entry-f3acf05b.mjs} +1 -1
- package/dist/{utrecht-icon-lantaarnpaal.entry-625e4d1f.mjs → utrecht-icon-lantaarnpaal.entry-78aab6c3.mjs} +1 -1
- package/dist/{utrecht-icon-leren.entry-56ae284f.mjs → utrecht-icon-leren.entry-2e75d467.mjs} +1 -1
- package/dist/{utrecht-icon-let-op.entry-e90b5f41.mjs → utrecht-icon-let-op.entry-aa61f51c.mjs} +1 -1
- package/dist/{utrecht-icon-linkedin.entry-540ce6d9.mjs → utrecht-icon-linkedin.entry-c7720fd3.mjs} +1 -1
- package/dist/{utrecht-icon-list-check.entry-8d962b47.mjs → utrecht-icon-list-check.entry-d5cfaa41.mjs} +1 -1
- package/dist/{utrecht-icon-list-number.entry-0b0fa0ab.mjs → utrecht-icon-list-number.entry-b6fb48c1.mjs} +1 -1
- package/dist/{utrecht-icon-list.entry-2d27659c.mjs → utrecht-icon-list.entry-cc4b73a3.mjs} +1 -1
- package/dist/{utrecht-icon-loupe.entry-edbfc668.mjs → utrecht-icon-loupe.entry-72622be7.mjs} +1 -1
- package/dist/{utrecht-icon-markt.entry-d5f87f14.mjs → utrecht-icon-markt.entry-abb84b1d.mjs} +1 -1
- package/dist/{utrecht-icon-melding-boom.entry-7d4fc7a3.mjs → utrecht-icon-melding-boom.entry-21eb395e.mjs} +1 -1
- package/dist/{utrecht-icon-melding-klacht.entry-399497bd.mjs → utrecht-icon-melding-klacht.entry-99cc78c8.mjs} +1 -1
- package/dist/{utrecht-icon-melding-openbareruimte.entry-2f470ba6.mjs → utrecht-icon-melding-openbareruimte.entry-7f63f13e.mjs} +1 -1
- package/dist/{utrecht-icon-melding-verlichting.entry-7160ccc5.mjs → utrecht-icon-melding-verlichting.entry-e703db49.mjs} +1 -1
- package/dist/{utrecht-icon-melding.entry-9c78771b.mjs → utrecht-icon-melding.entry-c201a926.mjs} +1 -1
- package/dist/{utrecht-icon-menselijk.entry-b384c195.mjs → utrecht-icon-menselijk.entry-9096d2f8.mjs} +1 -1
- package/dist/{utrecht-icon-menu-dot-open.entry-cec90c3c.mjs → utrecht-icon-menu-dot-open.entry-67660432.mjs} +1 -1
- package/dist/{utrecht-icon-menu-dot.entry-52343871.mjs → utrecht-icon-menu-dot.entry-933ff591.mjs} +1 -1
- package/dist/{utrecht-icon-meterkast.entry-ea5c146f.mjs → utrecht-icon-meterkast.entry-ca3c2a17.mjs} +1 -1
- package/dist/{utrecht-icon-milieu-ontheffing.entry-6fe154cb.mjs → utrecht-icon-milieu-ontheffing.entry-c0921d48.mjs} +1 -1
- package/dist/{utrecht-icon-milieu-zone.entry-fdcbd885.mjs → utrecht-icon-milieu-zone.entry-53a5bab2.mjs} +1 -1
- package/dist/{utrecht-icon-minus-vertical.entry-46456791.mjs → utrecht-icon-minus-vertical.entry-5cd56b7c.mjs} +1 -1
- package/dist/{utrecht-icon-minus.entry-463f85f1.mjs → utrecht-icon-minus.entry-6e2c14f5.mjs} +1 -1
- package/dist/{utrecht-icon-mobiliteit.entry-269b9796.mjs → utrecht-icon-mobiliteit.entry-2072e3e1.mjs} +1 -1
- package/dist/{utrecht-icon-natuur.entry-12a61893.mjs → utrecht-icon-natuur.entry-0a4e5855.mjs} +1 -1
- package/dist/{utrecht-icon-nieuw-huis.entry-dea4bb5a.mjs → utrecht-icon-nieuw-huis.entry-d8000b27.mjs} +1 -1
- package/dist/{utrecht-icon-nieuwsbrief.entry-afad6aae.mjs → utrecht-icon-nieuwsbrief.entry-8e808e76.mjs} +1 -1
- package/dist/{utrecht-icon-nummerbord.entry-4df93211.mjs → utrecht-icon-nummerbord.entry-aecdd573.mjs} +1 -1
- package/dist/{utrecht-icon-om-het-huis.entry-c82801ab.mjs → utrecht-icon-om-het-huis.entry-348ede3e.mjs} +1 -1
- package/dist/{utrecht-icon-omgeving.entry-58a4cd10.mjs → utrecht-icon-omgeving.entry-8215113c.mjs} +1 -1
- package/dist/{utrecht-icon-omgevingsvisie.entry-07f279f4.mjs → utrecht-icon-omgevingsvisie.entry-141128e1.mjs} +1 -1
- package/dist/{utrecht-icon-omgevingswet.entry-4ab34b87.mjs → utrecht-icon-omgevingswet.entry-8ce384d0.mjs} +1 -1
- package/dist/{utrecht-icon-onderhoud.entry-66799bda.mjs → utrecht-icon-onderhoud.entry-ae0d9319.mjs} +1 -1
- package/dist/{utrecht-icon-ondernemen.entry-592044f4.mjs → utrecht-icon-ondernemen.entry-dddde750.mjs} +1 -1
- package/dist/{utrecht-icon-openingstijden.entry-876140ba.mjs → utrecht-icon-openingstijden.entry-1797ea9a.mjs} +1 -1
- package/dist/{utrecht-icon-over-de-stad.entry-3a42ab20.mjs → utrecht-icon-over-de-stad.entry-07491bd5.mjs} +1 -1
- package/dist/{utrecht-icon-overlijden.entry-0ed0ef65.mjs → utrecht-icon-overlijden.entry-0e9a170c.mjs} +1 -1
- package/dist/{utrecht-icon-panden.entry-3bb34f40.mjs → utrecht-icon-panden.entry-967aafd2.mjs} +1 -1
- package/dist/{utrecht-icon-park.entry-f4112309.mjs → utrecht-icon-park.entry-e6bbd36e.mjs} +1 -1
- package/dist/{utrecht-icon-parkeerkaart.entry-02a9429f.mjs → utrecht-icon-parkeerkaart.entry-f39d44a0.mjs} +1 -1
- package/dist/{utrecht-icon-parkeervergunning.entry-3f09c088.mjs → utrecht-icon-parkeervergunning.entry-7a9efc2a.mjs} +1 -1
- package/dist/{utrecht-icon-parken.entry-1b5fadf6.mjs → utrecht-icon-parken.entry-54d98382.mjs} +1 -1
- package/dist/{utrecht-icon-parkeren-bedrijven.entry-b8acf54a.mjs → utrecht-icon-parkeren-bedrijven.entry-d245c41d.mjs} +1 -1
- package/dist/{utrecht-icon-parkeren-betaalautomaat.entry-dc9d8290.mjs → utrecht-icon-parkeren-betaalautomaat.entry-02ce37e8.mjs} +1 -1
- package/dist/{utrecht-icon-parkeren-betalen.entry-ef530a93.mjs → utrecht-icon-parkeren-betalen.entry-84a5758b.mjs} +1 -1
- package/dist/{utrecht-icon-parkeren.entry-f9fbf109.mjs → utrecht-icon-parkeren.entry-d2e59f3f.mjs} +1 -1
- package/dist/{utrecht-icon-participatie-campagne.entry-f7453441.mjs → utrecht-icon-participatie-campagne.entry-e6fe407e.mjs} +1 -1
- package/dist/{utrecht-icon-participatie-like.entry-416b456a.mjs → utrecht-icon-participatie-like.entry-070bd24d.mjs} +1 -1
- package/dist/{utrecht-icon-participatie-pitch.entry-5d2a50e1.mjs → utrecht-icon-participatie-pitch.entry-e0dd398c.mjs} +1 -1
- package/dist/{utrecht-icon-paspoort.entry-52077465.mjs → utrecht-icon-paspoort.entry-5f68cb89.mjs} +1 -1
- package/dist/{utrecht-icon-presentatie.entry-18e85dac.mjs → utrecht-icon-presentatie.entry-13448638.mjs} +1 -1
- package/dist/{utrecht-icon-prijskaartje.entry-66a6a522.mjs → utrecht-icon-prijskaartje.entry-2e61534f.mjs} +1 -1
- package/dist/{utrecht-icon-read-aloud.entry-93ebe7de.mjs → utrecht-icon-read-aloud.entry-ef26819d.mjs} +1 -1
- package/dist/{utrecht-icon-rijbewijs.entry-186a3395.mjs → utrecht-icon-rijbewijs.entry-b707a7a3.mjs} +1 -1
- package/dist/{utrecht-icon-rioolheffing.entry-a98e4682.mjs → utrecht-icon-rioolheffing.entry-6ca0965d.mjs} +1 -1
- package/dist/{utrecht-icon-rolstoel.entry-f9053f36.mjs → utrecht-icon-rolstoel.entry-68d576e9.mjs} +1 -1
- package/dist/{utrecht-icon-schild-gemeente-utrecht.entry-cd051ea4.mjs → utrecht-icon-schild-gemeente-utrecht.entry-98911384.mjs} +1 -1
- package/dist/{utrecht-icon-search.entry-5a427ff9.mjs → utrecht-icon-search.entry-00f30ca8.mjs} +1 -1
- package/dist/{utrecht-icon-shoppen.entry-90a39831.mjs → utrecht-icon-shoppen.entry-d77eb2cf.mjs} +1 -1
- package/dist/{utrecht-icon-sinterklaas.entry-b027d768.mjs → utrecht-icon-sinterklaas.entry-fb697944.mjs} +1 -1
- package/dist/{utrecht-icon-slechtziende-hoordende.entry-b3dc9f2c.mjs → utrecht-icon-slechtziende-hoordende.entry-1fe877fe.mjs} +1 -1
- package/dist/{utrecht-icon-sport-en-cultuur.entry-627821db.mjs → utrecht-icon-sport-en-cultuur.entry-b1a1aeeb.mjs} +1 -1
- package/dist/{utrecht-icon-sport-voetbal.entry-467bdf0c.mjs → utrecht-icon-sport-voetbal.entry-352b4913.mjs} +1 -1
- package/dist/{utrecht-icon-sport.entry-3f191f03.mjs → utrecht-icon-sport.entry-94bfb150.mjs} +1 -1
- package/dist/{utrecht-icon-stookverbod.entry-034d20a9.mjs → utrecht-icon-stookverbod.entry-64128c2a.mjs} +1 -1
- package/dist/{utrecht-icon-strand.entry-898387ce.mjs → utrecht-icon-strand.entry-8c28fab1.mjs} +1 -1
- package/dist/{utrecht-icon-strooien.entry-7c3b86e0.mjs → utrecht-icon-strooien.entry-0ac1eead.mjs} +1 -1
- package/dist/{utrecht-icon-subsidie-gezin.entry-23ab15ec.mjs → utrecht-icon-subsidie-gezin.entry-8648c397.mjs} +1 -1
- package/dist/{utrecht-icon-subsidie.entry-2dd1d3af.mjs → utrecht-icon-subsidie.entry-193b616e.mjs} +1 -1
- package/dist/{utrecht-icon-t-shirt.entry-9b888c07.mjs → utrecht-icon-t-shirt.entry-883a5696.mjs} +1 -1
- package/dist/{utrecht-icon-thuiswerken.entry-4cb4851e.mjs → utrecht-icon-thuiswerken.entry-bd8eef3b.mjs} +1 -1
- package/dist/{utrecht-icon-toeslag.entry-dc2ff8d2.mjs → utrecht-icon-toeslag.entry-96bd97cf.mjs} +1 -1
- package/dist/{utrecht-icon-trein.entry-df6c657d.mjs → utrecht-icon-trein.entry-0ef4846f.mjs} +1 -1
- package/dist/{utrecht-icon-trouwen.entry-1927659c.mjs → utrecht-icon-trouwen.entry-2f57d088.mjs} +1 -1
- package/dist/{utrecht-icon-twitter.entry-9b301a24.mjs → utrecht-icon-twitter.entry-ac548bf5.mjs} +1 -1
- package/dist/{utrecht-icon-user.entry-226817b8.mjs → utrecht-icon-user.entry-058ae850.mjs} +1 -1
- package/dist/{utrecht-icon-uw-wijk.entry-21cfd3e6.mjs → utrecht-icon-uw-wijk.entry-bbcfe069.mjs} +1 -1
- package/dist/{utrecht-icon-vaccinatie.entry-4b35369f.mjs → utrecht-icon-vaccinatie.entry-6b2353b2.mjs} +1 -1
- package/dist/{utrecht-icon-veilige-wijk.entry-25b7410b.mjs → utrecht-icon-veilige-wijk.entry-7d8bdc89.mjs} +1 -1
- package/dist/{utrecht-icon-vergaderen.entry-d67ae86f.mjs → utrecht-icon-vergaderen.entry-71d56cb5.mjs} +1 -1
- package/dist/{utrecht-icon-vergaderendigitaal.entry-8adc7fa5.mjs → utrecht-icon-vergaderendigitaal.entry-534b2982.mjs} +1 -1
- package/dist/{utrecht-icon-vergoeding.entry-d4cb4f67.mjs → utrecht-icon-vergoeding.entry-567c1897.mjs} +1 -1
- package/dist/{utrecht-icon-verhuizen.entry-fd64ce46.mjs → utrecht-icon-verhuizen.entry-8545ee90.mjs} +1 -1
- package/dist/{utrecht-icon-verkeerslicht.entry-5745d171.mjs → utrecht-icon-verkeerslicht.entry-232c9ce8.mjs} +1 -1
- package/dist/{utrecht-icon-verkiezingen.entry-6bd838cc.mjs → utrecht-icon-verkiezingen.entry-bd1489c6.mjs} +1 -1
- package/dist/{utrecht-icon-verslaving.entry-189b3873.mjs → utrecht-icon-verslaving.entry-d5b5acee.mjs} +1 -1
- package/dist/{utrecht-icon-vervoersvoorziening.entry-bd38f1d8.mjs → utrecht-icon-vervoersvoorziening.entry-9ea306f0.mjs} +1 -1
- package/dist/{utrecht-icon-virus.entry-f0cfc224.mjs → utrecht-icon-virus.entry-071093c5.mjs} +1 -1
- package/dist/{utrecht-icon-vluchtelingen.entry-5ff11edf.mjs → utrecht-icon-vluchtelingen.entry-11b62043.mjs} +1 -1
- package/dist/{utrecht-icon-voorzieningen-vervoer.entry-34a40607.mjs → utrecht-icon-voorzieningen-vervoer.entry-b8fd36af.mjs} +1 -1
- package/dist/{utrecht-icon-vrijwilligerswerk.entry-2d605ce6.mjs → utrecht-icon-vrijwilligerswerk.entry-f69f6fad.mjs} +1 -1
- package/dist/{utrecht-icon-vuilnisbak.entry-e02418ef.mjs → utrecht-icon-vuilnisbak.entry-3e0fe379.mjs} +1 -1
- package/dist/{utrecht-icon-vuilniszak.entry-aaedd278.mjs → utrecht-icon-vuilniszak.entry-f8ac503a.mjs} +1 -1
- package/dist/{utrecht-icon-vuurwerk.entry-6e46e9fd.mjs → utrecht-icon-vuurwerk.entry-0a6b2611.mjs} +1 -1
- package/dist/{utrecht-icon-wandelstok.entry-c83fa327.mjs → utrecht-icon-wandelstok.entry-79003774.mjs} +1 -1
- package/dist/{utrecht-icon-warm.entry-a5cc03fe.mjs → utrecht-icon-warm.entry-d6715551.mjs} +1 -1
- package/dist/{utrecht-icon-warning.entry-8c897826.mjs → utrecht-icon-warning.entry-8c74876f.mjs} +1 -1
- package/dist/{utrecht-icon-werken.entry-3d3025ab.mjs → utrecht-icon-werken.entry-181f42fc.mjs} +1 -1
- package/dist/{utrecht-icon-werkzaamheden.entry-edf7b079.mjs → utrecht-icon-werkzaamheden.entry-0da28fd8.mjs} +1 -1
- package/dist/{utrecht-icon-whatsapp.entry-58aadc0d.mjs → utrecht-icon-whatsapp.entry-402af5e9.mjs} +1 -1
- package/dist/{utrecht-icon-wonen-kosten.entry-f4f5ea09.mjs → utrecht-icon-wonen-kosten.entry-d08c2988.mjs} +1 -1
- package/dist/{utrecht-icon-woning-zoeken.entry-fa2e972f.mjs → utrecht-icon-woning-zoeken.entry-68e32b79.mjs} +1 -1
- package/dist/{utrecht-icon-x.entry-4def30bb.mjs → utrecht-icon-x.entry-c307d4cb.mjs} +1 -1
- package/dist/{utrecht-icon-youtube.entry-4848b67d.mjs → utrecht-icon-youtube.entry-b698f2a0.mjs} +1 -1
- package/dist/{utrecht-icon-zelfstandig-wonen.entry-4ac2f09c.mjs → utrecht-icon-zelfstandig-wonen.entry-016f852b.mjs} +1 -1
- package/dist/{utrecht-icon-zoom-minus.entry-2bd37d2e.mjs → utrecht-icon-zoom-minus.entry-9bd49316.mjs} +1 -1
- package/dist/{utrecht-icon-zoom-plus.entry-e4ac44a0.mjs → utrecht-icon-zoom-plus.entry-69041398.mjs} +1 -1
- package/dist/{utrecht-icon-zoomin.entry-5e5ff1af.mjs → utrecht-icon-zoomin.entry-c14f6149.mjs} +1 -1
- package/dist/{utrecht-icon-zoomout.entry-3a1d1a89.mjs → utrecht-icon-zoomout.entry-d0354133.mjs} +1 -1
- package/dist/{utrecht-icon-zorg-huis.entry-00355c17.mjs → utrecht-icon-zorg-huis.entry-71b5f725.mjs} +1 -1
- package/dist/{utrecht-icon-zweefpaal.entry-f1ec15d4.mjs → utrecht-icon-zweefpaal.entry-356f2887.mjs} +1 -1
- package/dist/{utrecht-icon-zwemmen.entry-35bea67a.mjs → utrecht-icon-zwemmen.entry-80911b4d.mjs} +1 -1
- package/dist/{utrecht-logo-button.entry-4762a2ea.mjs → utrecht-logo-button.entry-437dca91.mjs} +5 -5
- package/dist/{utrecht-map-marker.entry-074b98ee.mjs → utrecht-map-marker.entry-aaf59a93.mjs} +1 -1
- package/dist/{utrecht-multiline-data.entry-3c64215d.mjs → utrecht-multiline-data.entry-c9a55c73.mjs} +1 -1
- package/dist/{utrecht-number-badge.entry-c5c293b2.mjs → utrecht-number-badge.entry-af8f765b.mjs} +3 -3
- package/dist/utrecht-page-footer.entry-692e8787.mjs +14 -0
- package/dist/utrecht-pagination.entry-d64e162e.mjs +21 -0
- package/dist/{utrecht-progress-list-item.entry-9f2b48aa.mjs → utrecht-progress-list-item.entry-44ada146.mjs} +1 -1
- package/dist/{utrecht-progress-list.entry-c3ca3c22.mjs → utrecht-progress-list.entry-0b3cc265.mjs} +1 -1
- package/dist/{utrecht-progress-sublist-item.entry-5bdc323d.mjs → utrecht-progress-sublist-item.entry-74e58f94.mjs} +1 -1
- package/dist/utrecht-sidenav.entry-12b882b9.mjs +17 -0
- package/dist/utrecht-surface.entry-b8a70b3b.mjs +14 -0
- package/dist/{utrecht-table-body.entry-f422ca6b.mjs → utrecht-table-body.entry-bea90dbd.mjs} +1 -1
- package/dist/{utrecht-table-caption.entry-d3e1325a.mjs → utrecht-table-caption.entry-a804a1d1.mjs} +1 -1
- package/dist/{utrecht-table-cell.entry-b8fa5140.mjs → utrecht-table-cell.entry-b6442bff.mjs} +1 -1
- package/dist/{utrecht-table-footer.entry-0580d598.mjs → utrecht-table-footer.entry-eabe7fcd.mjs} +1 -1
- package/dist/{utrecht-table-header-cell.entry-fa4b912e.mjs → utrecht-table-header-cell.entry-e69847ad.mjs} +1 -1
- package/dist/{utrecht-table-header.entry-fcf8fd90.mjs → utrecht-table-header.entry-ca30684c.mjs} +1 -1
- package/dist/{utrecht-table-row.entry-b9cfae29.mjs → utrecht-table-row.entry-fb3db195.mjs} +1 -1
- package/dist/{utrecht-table.entry-74d981fb.mjs → utrecht-table.entry-340c1971.mjs} +1 -1
- package/dist/{utrecht-textarea.entry-e388718c.mjs → utrecht-textarea.entry-8159b9da.mjs} +8 -8
- package/dist/{utrecht-textbox.entry-d5f44806.mjs → utrecht-textbox.entry-4009f3ab.mjs} +6 -6
- package/dist/web-component-library-vue.es.js +16 -16
- package/dist/web-component-library-vue.umd.js +54 -54
- package/package.json +2 -2
- package/dist/utrecht-data-list-actions.entry-b636c0d8.mjs +0 -14
- package/dist/utrecht-data-list-key.entry-ac56ab01.mjs +0 -14
- package/dist/utrecht-form-toggle.entry-fbdd2241.mjs +0 -27
- package/dist/utrecht-page-footer.entry-0c614cc1.mjs +0 -14
- package/dist/utrecht-pagination.entry-2548912d.mjs +0 -21
- package/dist/utrecht-sidenav.entry-4a20c2cf.mjs +0 -17
- package/dist/utrecht-surface.entry-ae6504d7.mjs +0 -14
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as e, h as t, c as k, g as
|
|
1
|
+
import { r as e, h as t, c as k, g as z, H as Z } from "./index-95995348.mjs";
|
|
2
2
|
import { c as v } from "./clsx-eca3fadc-0c6e471a.mjs";
|
|
3
3
|
import "vue";
|
|
4
4
|
const S = ".utrecht-alert{background-color:var(--_utrecht-alert-background-color, var(--utrecht-alert-background-color));border-color:var(--_utrecht-alert-border-color, var(--utrecht-alert-border-color));border-radius:var(--utrecht-alert-border-radius, 0);border-style:solid;border-width:var(--_utrecht-alert-border-width, var(--utrecht-alert-border-width, 0));color:var(--_utrecht-alert-color, var(--utrecht-alert-color));column-gap:var(--utrecht-alert-column-gap);display:flex;flex-direction:row;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-start, 0));padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color, var(--utrecht-alert-icon-color));--utrecht-icon-size:var(--utrecht-alert-icon-size);--utrecht-icon-inset-block-start:var(--utrecht-alert-icon-inset-block-start)}.utrecht-alert__content{row-gap:var(--utrecht-alert-content-row-gap)}.utrecht-alert__message{row-gap:var(--utrecht-alert-message-row-gap)}.utrecht-alert--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert--ok{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-ok-color);--_utrecht-alert-background-color:var(--utrecht-alert-ok-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-ok-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-ok-border-width);--_utrecht-alert-color:var(--utrecht-alert-ok-color)}.utrecht-alert--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}.utrecht-alert--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}:host{display:block}:host([hidden]){display:none !important}", B = S, U = class {
|
|
@@ -24,7 +24,7 @@ const F = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-siz
|
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
26
|
E.style = T;
|
|
27
|
-
const
|
|
27
|
+
const I = ".utrecht-badge-counter{background-color:var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));border-radius:var(--utrecht-badge-counter-border-radius, var(--utrecht-badge-border-radius, 0.5ch));color:var(--utrecht-badge-counter-color, var(--utrecht-badge-color, hsl(0, 0%, 100%)));display:inline-block;font-family:var(--utrecht-badge-counter-font-family, var(--utrecht-badge-font-family, var(--utrecht-document-font-family, sans-serif)));font-size:var(--utrecht-badge-counter-font-size, var(--utrecht-badge-font-size));font-style:var(--utrecht-badge-counter-font-style, normal);font-weight:var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold));line-height:1;max-block-size:max-content;max-inline-size:max-content;min-block-size:var(--utrecht-badge-counter-min-block-size, var(--utrecht-badge-counter-min-inline-size, var(--utrecht-badge-counter-min-size, 1em)));min-inline-size:var(--utrecht-badge-counter-min-inline-size, var(--utrecht-badge-counter-min-size, 1em));padding-block-end:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-align:center;text-decoration:none;white-space:nowrap}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-badge-counter{border-color:currentColor;border-style:solid;border-width:1px}}:host{display:inline-block}:host([hidden]){display:none !important}", D = I, q = class {
|
|
28
28
|
constructor(r) {
|
|
29
29
|
e(this, r), this.value = void 0, this.max = void 0, this.locale = void 0;
|
|
30
30
|
}
|
|
@@ -33,35 +33,26 @@ const D = ".utrecht-badge-counter{background-color:var(--utrecht-badge-counter-b
|
|
|
33
33
|
return t("div", { key: "73eea27761e246eb570a68ff2ea8d0d724339f75", class: "utrecht-badge-counter" }, i || t("slot", null));
|
|
34
34
|
}
|
|
35
35
|
};
|
|
36
|
-
q.style =
|
|
37
|
-
const A = ".utrecht-badge-
|
|
36
|
+
q.style = D;
|
|
37
|
+
const A = ".utrecht-badge-list{column-gap:var(--utrecht-badge-list-column-gap);display:flex;flex-wrap:wrap;row-gap:var(--utrecht-badge-list-row-gap)}:host{display:block}:host([hidden]){display:none !important}", j = A, N = class {
|
|
38
38
|
constructor(r) {
|
|
39
39
|
e(this, r);
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
|
-
return t("div", { key: "d430080404acee08b104adf1af3ed61beac50721", class: "utrecht-badge-
|
|
42
|
+
return t("div", { key: "d430080404acee08b104adf1af3ed61beac50721", class: "utrecht-badge-list" }, t("slot", { key: "c98b8da783a3b4206f6bbd598e6110de544309f4" }));
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
45
|
N.style = j;
|
|
46
|
-
const R = ".utrecht-badge-
|
|
47
|
-
constructor(r) {
|
|
48
|
-
e(this, r);
|
|
49
|
-
}
|
|
50
|
-
render() {
|
|
51
|
-
return t("div", { key: "3fa401a69e43641200a07d4d60645f0f019a2d07", class: "utrecht-badge-list" }, t("slot", { key: "b2a1f4d19cde761235baea702921f15ce62c968e" }));
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
G.style = P;
|
|
55
|
-
const O = ".utrecht-badge-status{background-color:var(--utrecht-badge-background-color, hsl(0, 0%, 0%));border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, hsl(0, 0%, 100%));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height, 1em);max-block-size:max-content;max-inline-size:max-content;min-block-size:1em;min-inline-size:1em;padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;letter-spacing:var(--utrecht-badge-status-letter-spacing, inherit);text-transform:var(--utrecht-badge-status-text-transform, inherit)}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-badge-status{border-color:currentColor;border-style:solid;border-width:1px}}.utrecht-badge-status--danger{background-color:var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%));color:var(--utrecht-feedback-danger-fill-color, white)}.utrecht-badge-status--warning{background-color:var(--utrecht-feedback-warning-fill-background-color, hsl(48, 100%, 50%));color:var(--utrecht-feedback-warning-fill-color, white)}.utrecht-badge-status--safe{background-color:var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%));color:var(--utrecht-feedback-safe-fill-color, white)}.utrecht-badge-status--neutral{background-color:var(--utrecht-feedback-neutral-fill-background-color, black);color:var(--utrecht-feedback-neutral-fill-color, white)}.utrecht-badge-status--valid{background-color:var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));color:var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--invalid{background-color:var(--utrecht-feedback-invalid-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39, 100%, 50%)));color:var(--utrecht-feedback-invalid-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--error{background-color:var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 30%)));color:var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--success{background-color:var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));color:var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--active{background-color:var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));color:var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--inactive{background-color:var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%)));color:var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white))}:host{display:inline-block}:host([hidden]){display:none !important}", W = O, $ = class {
|
|
46
|
+
const R = ".utrecht-badge-status{background-color:var(--utrecht-badge-background-color, hsl(0, 0%, 0%));border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, hsl(0, 0%, 100%));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height, 1em);max-block-size:max-content;max-inline-size:max-content;min-block-size:1em;min-inline-size:1em;padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;letter-spacing:var(--utrecht-badge-status-letter-spacing, inherit);text-transform:var(--utrecht-badge-status-text-transform, inherit)}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-badge-status{border-color:currentColor;border-style:solid;border-width:1px}}.utrecht-badge-status--danger{background-color:var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%));color:var(--utrecht-feedback-danger-fill-color, white)}.utrecht-badge-status--warning{background-color:var(--utrecht-feedback-warning-fill-background-color, hsl(48, 100%, 50%));color:var(--utrecht-feedback-warning-fill-color, white)}.utrecht-badge-status--safe{background-color:var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%));color:var(--utrecht-feedback-safe-fill-color, white)}.utrecht-badge-status--neutral{background-color:var(--utrecht-feedback-neutral-fill-background-color, black);color:var(--utrecht-feedback-neutral-fill-color, white)}.utrecht-badge-status--valid{background-color:var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));color:var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--invalid{background-color:var(--utrecht-feedback-invalid-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39, 100%, 50%)));color:var(--utrecht-feedback-invalid-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--error{background-color:var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 30%)));color:var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--success{background-color:var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));color:var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--active{background-color:var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));color:var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--inactive{background-color:var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%)));color:var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white))}:host{display:inline-block}:host([hidden]){display:none !important}", P = R, G = class {
|
|
56
47
|
constructor(r) {
|
|
57
48
|
e(this, r), this.status = void 0;
|
|
58
49
|
}
|
|
59
50
|
render() {
|
|
60
|
-
return t("div", { key: "
|
|
51
|
+
return t("div", { key: "bd7e3a74504284b1d164a35b186b9f52cbb32d71", class: `utrecht-badge-status utrecht-badge-status--${this.status || "neutral"}` }, t("slot", { key: "7ae0608e27d2c7aa459ab55b8112a594654839a0" }));
|
|
61
52
|
}
|
|
62
53
|
};
|
|
63
|
-
|
|
64
|
-
const
|
|
54
|
+
G.style = P;
|
|
55
|
+
const O = `.utrecht-button{--_utrecht-button-background-color:var(
|
|
65
56
|
--_utrecht-button-hint-background-color,
|
|
66
57
|
var(--_utrecht-button-appearance-background-color, var(--utrecht-button-background-color))
|
|
67
58
|
);--_utrecht-button-color:var(
|
|
@@ -233,8 +224,8 @@ const J = `.utrecht-button{--_utrecht-button-background-color:var(
|
|
|
233
224
|
--utrecht-button-border-bottom-width,
|
|
234
225
|
var(--_utrecht-button-border-width, 0)
|
|
235
226
|
);--_utrecht-button-font-size:var(--_utrecht-button-appearance-font-size, var(--utrecht-button-font-size));--_utrecht-button-line-height:var(--_utrecht-button-appearance-line-height, var(--utrecht-button-line-height));--utrecht-icon-size:var(--utrecht-button-icon-size, 1em);align-items:center;background-color:var(--_utrecht-button-background-color);block-size:fit-content;border-block-end-color:var(--_utrecht-button-border-bottom-color);border-block-end-width:var(--_utrecht-button-border-block-end-width);border-color:var(--_utrecht-button-border-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);box-sizing:border-box;color:var(--_utrecht-button-color);column-gap:var(--utrecht-button-column-gap);cursor:var(--utrecht-action-activate-cursor, revert);display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--_utrecht-button-font-size, var(--utrecht-document-font-family, inherit));font-weight:var(--_utrecht-button-appearance-font-weight, var(--utrecht-button-font-weight));inline-size:var(--utrecht-button-inline-size, auto);justify-content:center;line-height:var(--_utrecht-button-line-height);max-inline-size:var(--utrecht-button-max-inline-size, fit-content);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);scale:1;text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-button{--_utrecht-button-disabled-border-color:GrayText;--_utrecht-button-disabled-color:GrayText;background-color:ButtonFace;border-color:buttonborder;color:ButtonText;}}.utrecht-button--distanced{margin-block-end:var(--utrecht-button-margin-block-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-inline-start:var(--utrecht-button-margin-inline-start)}.utrecht-button--submit{cursor:var(--utrecht-action-submit-cursor, revert)}.utrecht-button--busy{cursor:var(--utrecht-action-busy-cursor, wait)}.utrecht-button--pressed{background-color:var(--_utrecht-button-pressed-background-color);border-color:var(--_utrecht-button-pressed-border-color);color:var(--_utrecht-button-pressed-color)}.utrecht-button:disabled,.utrecht-button--disabled{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-button--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
236
|
-
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-button--focus:not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
237
|
-
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button--hover:not(:disabled,.utrecht-button--disabled),.utrecht-button:hover:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale, 1)}.utrecht-button:active:not(:disabled,[aria-disabled=true],.utrecht-button--disabled),.utrecht-button--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--primary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-primary-action-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-primary-action-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-primary-action-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-primary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-primary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-primary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-primary-action-pressed-color)}.utrecht-button--secondary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-secondary-action-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-secondary-action-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-secondary-action-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-secondary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-secondary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-secondary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-secondary-action-pressed-color)}.utrecht-button--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-subtle-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-subtle-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-subtle-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-subtle-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-subtle-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-subtle-pressed-color)}.utrecht-button--primary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(
|
|
227
|
+
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-button--focus:not(.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
228
|
+
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-button:focus:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button--hover:not(:disabled,.utrecht-button--disabled),.utrecht-button:hover:not(:disabled,[aria-disabled=true],.utrecht-button--disabled){background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale, 1)}.utrecht-button:active:not(:disabled,[aria-disabled=true],.utrecht-button--disabled),.utrecht-button--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button--primary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-primary-action-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-primary-action-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-primary-action-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-primary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-primary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-primary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-primary-action-pressed-color)}.utrecht-button--secondary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-secondary-action-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-secondary-action-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-secondary-action-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-secondary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-secondary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-secondary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-secondary-action-pressed-color)}.utrecht-button--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-subtle-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-subtle-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-subtle-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-subtle-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-subtle-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-subtle-pressed-color)}.utrecht-button--primary-action.utrecht-button--danger{--_utrecht-button-hint-active-background-color:var(--utrecht-button-primary-action-danger-active-background-color);--_utrecht-button-hint-active-border-color:var(--utrecht-button-primary-action-danger-active-border-color);--_utrecht-button-hint-active-color:var(--utrecht-button-primary-action-danger-active-color);--_utrecht-button-hint-background-color:var(--utrecht-button-primary-action-danger-background-color);--_utrecht-button-hint-border-color:var(--utrecht-button-primary-action-danger-border-color);--_utrecht-button-hint-color:var(--utrecht-button-primary-action-danger-color);--_utrecht-button-hint-disabled-background-color:var(
|
|
238
229
|
--utrecht-button-primary-action-danger-disabled-background-color
|
|
239
230
|
);--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-primary-action-danger-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-primary-action-danger-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-primary-action-danger-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-primary-action-danger-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-primary-action-danger-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-primary-action-danger-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-primary-action-danger-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-primary-action-danger-hover-color);--_utrecht-button-hint-pressed-background-color:var(
|
|
240
231
|
--utrecht-button-primary-action-danger-pressed-background-color
|
|
@@ -270,7 +261,7 @@ const J = `.utrecht-button{--_utrecht-button-background-color:var(
|
|
|
270
261
|
--utrecht-button-subtle-warning-disabled-background-color
|
|
271
262
|
);--_utrecht-button-hint-disabled-border-color:var(--utrecht-button-subtle-warning-disabled-border-color);--_utrecht-button-hint-disabled-color:var(--utrecht-button-subtle-warning-disabled-color);--_utrecht-button-hint-focus-background-color:var(--utrecht-button-subtle-warning-focus-background-color);--_utrecht-button-hint-focus-border-color:var(--utrecht-button-subtle-warning-focus-border-color);--_utrecht-button-hint-focus-color:var(--utrecht-button-subtle-warning-focus-color);--_utrecht-button-hint-hover-background-color:var(--utrecht-button-subtle-warning-hover-background-color);--_utrecht-button-hint-hover-border-color:var(--utrecht-button-subtle-warning-hover-border-color);--_utrecht-button-hint-hover-color:var(--utrecht-button-subtle-warning-hover-color);--_utrecht-button-hint-pressed-background-color:var(
|
|
272
263
|
--utrecht-button-subtle-warning-pressed-background-color
|
|
273
|
-
);--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-subtle-warning-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-subtle-warning-pressed-color)}:host{display:inline-block}:host([hidden]){display:none !important}`,
|
|
264
|
+
);--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-subtle-warning-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-subtle-warning-pressed-color)}:host{display:inline-block}:host([hidden]){display:none !important}`, W = O, $ = class {
|
|
274
265
|
constructor(r) {
|
|
275
266
|
e(this, r), this.utrechtRequestReset = k(this, "utrechtRequestReset", 7), this.utrechtRequestSubmit = k(this, "utrechtRequestSubmit", 7), this.appearance = void 0, this.busy = void 0, this.disabled = void 0, this.expanded = void 0, this.pressed = void 0, this.form = void 0, this.formAction = void 0, this.formEnctype = void 0, this.formMethod = void 0, this.formNoValidate = void 0, this.formTarget = void 0, this.popoverTarget = void 0, this.popoverTargetAction = void 0, this.name = void 0, this.value = void 0, this.type = void 0;
|
|
276
267
|
}
|
|
@@ -290,34 +281,34 @@ const J = `.utrecht-button{--_utrecht-button-background-color:var(
|
|
|
290
281
|
const m = this.hostElement.querySelector("button[hidden]");
|
|
291
282
|
m && m.click();
|
|
292
283
|
}
|
|
293
|
-
}, { hostElement: n, expanded: s, pressed: i, name: h, value:
|
|
284
|
+
}, { hostElement: n, expanded: s, pressed: i, name: h, value: g, form: l, formAction: f, formEnctype: _, formTarget: b, formNoValidate: C, formMethod: a, popoverTargetAction: p, popoverTarget: d, type: w } = this;
|
|
294
285
|
let u = n.querySelector("button[hidden]");
|
|
295
|
-
const
|
|
296
|
-
u && !
|
|
286
|
+
const L = !!(h || l || b || _ || a || C || d || p || w === "submit");
|
|
287
|
+
u && !L && u.parentNode.removeChild(u), !u && L && (u = n.ownerDocument.createElement("button"), u.hidden = !0, u.tabIndex = -1, u.ariaHidden = "true", n.appendChild(u));
|
|
297
288
|
const x = (m, y, H) => {
|
|
298
289
|
typeof H == "string" ? m.setAttribute(y, H) : m.removeAttribute(y);
|
|
299
290
|
};
|
|
300
|
-
return u && (x(u, "name", h), x(u, "type", w), x(u, "form", l), x(u, "formaction", f), x(u, "form", l), x(u, "formtarget", b), x(u, "formenctype", _), x(u, "formmethod", a), x(u, "formnovalidate", C ? "" : null), x(u, "popovertargetaction",
|
|
291
|
+
return u && (x(u, "name", h), x(u, "type", w), x(u, "form", l), x(u, "formaction", f), x(u, "form", l), x(u, "formtarget", b), x(u, "formenctype", _), x(u, "formmethod", a), x(u, "formnovalidate", C ? "" : null), x(u, "popovertargetaction", p), x(u, "popovertarget", d), x(u, "type", w), u.style.display = "none", u.value = g || ""), t("button", { key: "9db8124b0e24de7e68c53cea02f47050467d0a4a", class: v("utrecht-button", this.busy && "utrecht-button--busy", this.disabled && "utrecht-button--disabled", i && "utrecht-button--pressed", this.type === "submit" && "utrecht-button--submit", this.appearance === "primary-action-button" && "utrecht-button--primary-action", this.appearance === "secondary-action-button" && "utrecht-button--secondary-action", this.appearance === "subtle-button" && "utrecht-button--subtle"), "aria-busy": this.busy ? "true" : null, "aria-expanded": typeof this.expanded == "boolean" ? String(s) : typeof s == "string" ? s : null, "aria-pressed": typeof this.pressed == "boolean" ? String(i) : typeof i == "string" ? i : null, disabled: this.disabled, type: this.type || "button", onClick: c }, t("slot", { key: "528191be0778905222069db3b73b249e4d3f6a0d", name: "icon" }), t("span", { key: "e143a8ba99070282db775ed78de6f574465dc208", class: "utrecht-button__label" }, t("slot", { key: "0c0c0800ad7df7377e95839d5e61358dffc0892b" })));
|
|
301
292
|
}
|
|
302
293
|
get hostElement() {
|
|
303
|
-
return
|
|
294
|
+
return z(this);
|
|
304
295
|
}
|
|
305
296
|
};
|
|
306
|
-
|
|
307
|
-
const
|
|
297
|
+
$.style = W;
|
|
298
|
+
const J = ".utrecht-button-group{align-items:baseline;background-color:var(--utrecht-button-group-background-color);break-inside:avoid;display:flex;flex-wrap:wrap;gap:var(--utrecht-button-group-inline-gap, 1em);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-button-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-button-group-margin-block-start, 0));min-block-size:var(--utrecht-button-block-size);padding-block-end:var(--utrecht-button-group-padding-block-end);padding-block-start:var(--utrecht-button-group-padding-block-start)}.utrecht-button-group--distanced{--utrecht-space-around:1}.utrecht-button-group__link-button--row,.utrecht-button-group--row .utrecht-link-button,.utrecht-button-group:not(.utrecht-button-group--column) .utrecht-link-button{--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0}.utrecht-button-group--column{flex-direction:column;gap:var(--utrecht-button-group-block-gap, 1em)}:host{display:block}:host([hidden]){display:none !important}", K = J, Q = class {
|
|
308
299
|
constructor(r) {
|
|
309
300
|
e(this, r), this.direction = void 0;
|
|
310
301
|
}
|
|
311
302
|
render() {
|
|
312
303
|
const { direction: r } = this;
|
|
313
|
-
return t("div", { key: "
|
|
304
|
+
return t("div", { key: "197becd43eb035069fca6da2ff6e6ff20efd7642", class: v("utrecht-button-group", {
|
|
314
305
|
"utrecht-button-group--column": r === "column",
|
|
315
306
|
"utrecht-button-group--row": r === "row"
|
|
316
|
-
}) }, t("slot", { key: "
|
|
307
|
+
}) }, t("slot", { key: "f15f0015ff2b269669f88c2f076aa0d15090ef3f" }));
|
|
317
308
|
}
|
|
318
309
|
};
|
|
319
|
-
|
|
320
|
-
const
|
|
310
|
+
Q.style = K;
|
|
311
|
+
const X = `.utrecht-button-link{--_utrecht-button-background-color:var(
|
|
321
312
|
--_utrecht-button-hint-background-color,
|
|
322
313
|
var(--_utrecht-button-appearance-background-color, var(--utrecht-button-background-color))
|
|
323
314
|
);--_utrecht-button-color:var(
|
|
@@ -489,40 +480,49 @@ const rt = `.utrecht-button-link{--_utrecht-button-background-color:var(
|
|
|
489
480
|
--utrecht-button-border-bottom-width,
|
|
490
481
|
var(--_utrecht-button-border-width, 0)
|
|
491
482
|
);--_utrecht-button-font-size:var(--_utrecht-button-appearance-font-size, var(--utrecht-button-font-size));--_utrecht-button-line-height:var(--_utrecht-button-appearance-line-height, var(--utrecht-button-line-height));--utrecht-icon-size:var(--utrecht-button-icon-size, 1em);align-items:center;background-color:var(--_utrecht-button-background-color);block-size:fit-content;border-block-end-color:var(--_utrecht-button-border-bottom-color);border-block-end-width:var(--_utrecht-button-border-block-end-width);border-color:var(--_utrecht-button-border-color);border-radius:var(--utrecht-button-border-radius);border-style:solid;border-width:var(--_utrecht-button-border-width);box-sizing:border-box;color:var(--_utrecht-button-color);column-gap:var(--utrecht-button-column-gap);cursor:var(--utrecht-action-activate-cursor, revert);display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--_utrecht-button-font-size, var(--utrecht-document-font-family, inherit));font-weight:var(--_utrecht-button-appearance-font-weight, var(--utrecht-button-font-weight));inline-size:var(--utrecht-button-inline-size, auto);justify-content:center;line-height:var(--_utrecht-button-line-height);max-inline-size:var(--utrecht-button-max-inline-size, fit-content);min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);scale:1;text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none;cursor:var(--utrecht-action-navigate-cursor, pointer);text-decoration:none}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-button-link{--_utrecht-button-disabled-border-color:GrayText;--_utrecht-button-disabled-color:GrayText;background-color:ButtonFace;border-color:buttonborder;color:ButtonText;}}.utrecht-button-link--active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--hover{background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale, 1)}.utrecht-button-link--focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button-link--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
492
|
-
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-button-link--placeholder{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-button-link--html-a:focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button-link--html-a:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
493
|
-
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-button-link--html-a:hover{background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale, 1)}.utrecht-button-link--html-a:active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--primary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-primary-action-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-primary-action-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-primary-action-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-primary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-primary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-primary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-primary-action-pressed-color)}.utrecht-button-link--secondary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-secondary-action-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-secondary-action-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-secondary-action-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-secondary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-secondary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-secondary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-secondary-action-pressed-color)}.utrecht-button-link--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-subtle-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-subtle-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-subtle-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-subtle-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-subtle-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-subtle-pressed-color)}:host{display:inline-flex}:host([hidden]){display:none !important}`,
|
|
483
|
+
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-button-link--placeholder{background-color:var(--_utrecht-button-disabled-background-color);border-color:var(--_utrecht-button-disabled-border-color);color:var(--_utrecht-button-disabled-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-button-link--html-a:focus{background-color:var(--_utrecht-button-focus-background-color);border-color:var(--_utrecht-button-focus-border-color);color:var(--_utrecht-button-focus-color);scale:var(--utrecht-button-focus-scale, 1)}.utrecht-button-link--html-a:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
484
|
+
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-button-link--html-a:hover{background-color:var(--_utrecht-button-hover-background-color);border-color:var(--_utrecht-button-hover-border-color);color:var(--_utrecht-button-hover-color);scale:var(--utrecht-button-hover-scale, 1)}.utrecht-button-link--html-a:active{background-color:var(--_utrecht-button-active-background-color);border-color:var(--_utrecht-button-active-border-color);color:var(--_utrecht-button-active-color)}.utrecht-button-link--primary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-primary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-primary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-primary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-primary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-primary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-primary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-primary-action-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-primary-action-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-primary-action-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-primary-action-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-primary-action-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-primary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-primary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-primary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-primary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-primary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-primary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-primary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-primary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-primary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-primary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-primary-action-pressed-color)}.utrecht-button-link--secondary-action{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-secondary-action-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-secondary-action-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-secondary-action-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-secondary-action-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-secondary-action-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-secondary-action-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-secondary-action-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-secondary-action-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-secondary-action-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-secondary-action-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-secondary-action-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-secondary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-secondary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-secondary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-secondary-action-pressed-color)}.utrecht-button-link--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-size:var(--utrecht-button-subtle-font-size);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-line-height:var(--utrecht-button-subtle-line-height);--_utrecht-button-appearance-disabled-background-color:var(--utrecht-button-subtle-disabled-background-color);--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-subtle-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-subtle-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-subtle-pressed-color)}:host{display:inline-flex}:host([hidden]){display:none !important}`, Y = X, tt = class {
|
|
494
485
|
constructor(r) {
|
|
495
486
|
e(this, r), this.appearance = void 0, this.download = void 0, this.external = void 0, this.href = void 0, this.placeholder = void 0, this.target = void 0;
|
|
496
487
|
}
|
|
497
488
|
render() {
|
|
498
|
-
return t("a", { key: "
|
|
489
|
+
return t("a", { key: "d1724d4065a2a6b5be00d6f88894afb68d7d305e", href: typeof this.href == "string" && !this.placeholder ? this.href : void 0, class: v("utrecht-button-link", "utrecht-button-link--html-a", this.external && "utrecht-button-link--external", this.placeholder && "utrecht-button-link--placeholder", this.appearance === "primary-action-button" && "utrecht-button-link--primary-action", this.appearance === "secondary-action-button" && "utrecht-button-link--secondary-action", this.appearance === "subtle-button" && "utrecht-button-link--subtle"), "aria-disabled": this.placeholder ? "true" : void 0, download: typeof this.download == "string" ? this.download : void 0, rel: this.external ? "external noopener noreferrer" : void 0, role: this.placeholder ? "link" : void 0, target: typeof this.target == "string" ? this.target : void 0 }, t("slot", { key: "e8e6c196a91c312e83e4c8d98c2c9974e56a6c82" }));
|
|
490
|
+
}
|
|
491
|
+
};
|
|
492
|
+
tt.style = Y;
|
|
493
|
+
const rt = ".utrecht-code{background-color:var(--utrecht-code-background-color);color:var(--utrecht-code-color);font-family:var(--utrecht-code-font-family, monospace), monospace;font-size:var(--utrecht-code-font-size, inherit);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height)}:host{display:inline}:host([hidden]){display:none !important}", et = rt, ot = class {
|
|
494
|
+
constructor(r) {
|
|
495
|
+
e(this, r);
|
|
496
|
+
}
|
|
497
|
+
render() {
|
|
498
|
+
return t("code", { key: "84962fdea5f2b563196295dc6b24529359ab3666", class: "utrecht-code" }, t("slot", { key: "1ac8c25a7d20b505eeafbbc3b1eea51c489e692d" }));
|
|
499
499
|
}
|
|
500
500
|
};
|
|
501
501
|
ot.style = et;
|
|
502
|
-
const ct = ".utrecht-code{background-color:var(--utrecht-code-background-color);color:var(--utrecht-code-color);font-family:var(--utrecht-code-font-family, monospace), monospace;font-size:var(--utrecht-code-font-size, inherit);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height)}:host{display:
|
|
502
|
+
const ct = ".utrecht-code-block{background-color:var(--utrecht-code-background-color);color:var(--utrecht-code-color);font-family:var(--utrecht-code-font-family, monospace), monospace;font-size:var(--utrecht-code-font-size, inherit);font-variant-ligatures:none;line-height:var(--utrecht-code-line-height);--utrecht-code-color:var(--utrecht-code-block-color, inherit);--utrecht-code-background-color:var(--utrecht-code-block-background-color, inherit);--utrecht-code-font-weight:var(--utrecht-code-block-font-weight, inherit);--utrecht-code-font-size:var(--utrecht-code-block-font-size, inherit);--utrecht-code-font-family:var(--utrecht-code-block-font-family, monospace);background-color:var(--utrecht-code-block-background-color);display:block;font-size:var(--utrecht-code-block-font-size, var(--utrecht-code-font-size, inherit));line-height:var(--utrecht-code-block-line-height, var(--utrecht-code-line-height));margin-block-end:var(--utrecht-code-block-margin-block-end);margin-block-start:var(--utrecht-code-block-margin-block-start);margin-inline-end:var(--utrecht-code-block-margin-inline-end);margin-inline-start:var(--utrecht-code-block-margin-inline-start);padding-block-end:var(--utrecht-code-block-padding-block-end);padding-block-start:var(--utrecht-code-block-padding-block-start);padding-inline-end:var(--utrecht-code-block-padding-inline-end);padding-inline-start:var(--utrecht-code-block-padding-inline-start);white-space:pre}.utrecht-code-block__content{font-family:inherit;font-size:inherit}:host{display:block}:host([hidden]){display:none !important}", at = ct, nt = class {
|
|
503
503
|
constructor(r) {
|
|
504
504
|
e(this, r);
|
|
505
505
|
}
|
|
506
506
|
render() {
|
|
507
|
-
return t("
|
|
507
|
+
return t("pre", { key: "e89f809b627d423556f89c6e57edeec35b04e9eb", class: "utrecht-code-block" }, t("slot", { key: "c793059638068858d5d02e5a57c2975cf09a09ee" }));
|
|
508
508
|
}
|
|
509
509
|
};
|
|
510
510
|
nt.style = at;
|
|
511
|
-
const it = "
|
|
511
|
+
const it = ":host{background-color:var(--utrecht-color-sample-background-color, currentColor);block-size:var(--utrecht-color-sample-block-size, 2em);border-color:var(--utrecht-color-sample-border-color, var(--utrecht-color-sample-default-border-color));border-radius:var(--utrecht-color-sample-border-radius, 0);border-style:solid;border-width:var(--utrecht-color-sample-border-width, 0);box-sizing:border-box;display:inline-block;inline-size:var(--utrecht-color-sample-inline-size, 2em);-webkit-print-color-adjust:exact;print-color-adjust:exact}@media (forced-colors: active){:host{forced-color-adjust:none}}@media (forced-colors: active) and (prefers-color-scheme: dark){:host{--utrecht-color-sample-default-border-color:var(--utrecht-color-sample-dark-border-color, #000)}}@media (forced-colors: active) and (prefers-color-scheme: light){:host{--utrecht-color-sample-default-border-color:var(--utrecht-color-sample-light-border-color, #fff)}}:host([hidden]){display:none !important}", ut = it, lt = class {
|
|
512
512
|
constructor(r) {
|
|
513
|
-
e(this, r);
|
|
513
|
+
e(this, r), this.color = void 0;
|
|
514
514
|
}
|
|
515
515
|
render() {
|
|
516
|
-
return t("
|
|
516
|
+
return t(Z, { key: "92b4c5bb77854043d02f0967817660762c92e6f0", style: { color: this.color } }, t("data", { key: "c53f9a922b4a7246e18e58ab0e581731e6d97461", value: this.color }, t("slot", { key: "b7c3499e66249019ea59933a7ded709990db459f" })));
|
|
517
517
|
}
|
|
518
518
|
};
|
|
519
519
|
lt.style = ut;
|
|
520
|
-
const dt = "
|
|
520
|
+
const dt = ".utrecht-badge-data,.utrecht-data-badge{background-color:var(--utrecht-data-badge-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%)));border-radius:var(--utrecht-data-badge-border-radius, var(--utrecht-badge-border-radius, 0.5ch));border-width:var(--utrecht-data-badge-border-width, 0);color:var(--utrecht-data-badge-color, var(--utrecht-badge-color, hsl(0, 0%, 100%)));display:inline-block;font-family:var(--utrecht-data-badge-font-family, var(--utrecht-document-font-family, sans-serif));font-size:var(--utrecht-data-badge-font-size, var(--utrecht-badge-font-size, inherit));font-weight:var(--utrecht-data-badge-font-weight, var(--utrecht-badge-font-weight, bold));line-height:var(--utrecht-data-badge-line-height, var(--utrecht-badge-line-height, 1em));max-block-size:max-content;max-inline-size:max-content;min-block-size:var(--utrecht-data-badge-min-block-size, 1em);min-inline-size:var(--utrecht-data-badge-min-inline-size, 1em);padding-block-end:var(--utrecht-data-badge-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-data-badge-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-data-badge-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-data-badge-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-decoration:none;}:host{display:inline-block}:host([hidden]){display:none !important}", ht = dt, st = class {
|
|
521
521
|
constructor(r) {
|
|
522
|
-
e(this, r)
|
|
522
|
+
e(this, r);
|
|
523
523
|
}
|
|
524
524
|
render() {
|
|
525
|
-
return t(
|
|
525
|
+
return t("div", { key: "467e5a673e46c3201631234ab0e50735b2c49e62", class: "utrecht-data-badge" }, t("slot", { key: "33e87523266b2b16e295da36fb07e77ad6ab3a80" }));
|
|
526
526
|
}
|
|
527
527
|
};
|
|
528
528
|
st.style = ht;
|
|
@@ -535,7 +535,7 @@ const bt = ".utrecht-document{-webkit-font-smoothing:auto !important;-moz-osx-fo
|
|
|
535
535
|
}
|
|
536
536
|
};
|
|
537
537
|
ft.style = vt;
|
|
538
|
-
const
|
|
538
|
+
const gt = ".utrecht-drawer{--_utrecht-drawer-backdrop-min-size:max(var(--utrecht-drawer-backdrop-min-size), 44px);background-color:var(--utrecht-drawer-background-color, Canvas);border-color:var(--utrecht-drawer-border-color, currentColor);border-width:var(--utrecht-drawer-border-width, 0);box-sizing:border-box;color:var(--utrecht-drawer-color, CanvasText);overflow:auto;padding-block-end:var(--utrecht-drawer-padding-block-end);padding-block-start:var(--utrecht-drawer-padding-block-start);padding-inline-end:var(--utrecht-drawer-padding-inline-end);padding-inline-start:var(--utrecht-drawer-padding-inline-start);position:fixed;z-index:var(--utrecht-drawer-z-index, 1)}.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-opacity);--_utrecht-backdrop-fade-in-animation-duration:var(--utrecht-backdrop-fade-in-animation-duration, 0);animation-duration:min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0));animation-name:utrecht-backdrop-fade-in;animation-timing-function:ease-in-out;background-color:var(--utrecht-backdrop-background-color);color:var(--utrecht-backdrop-color);opacity:var(--_utrecht-backdrop-opacity);-webkit-user-select:none;user-select:none}@keyframes utrecht-backdrop-fade-in{from{opacity:0%}to{opacity:var(--_utrecht-backdrop-opacity)}}@media (prefers-reduced-motion: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-fade-in-animation-duration:0}}@media (prefers-reduced-transparency: reduce){.utrecht-drawer::backdrop{--_utrecht-backdrop-opacity:var(--utrecht-backdrop-reduced-transparency-opacity, 100%)}}.utrecht-drawer--inline-start{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-end-radius:var(--utrecht-drawer-border-radius);border-inline-start-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);inset-inline-end:auto;inset-inline-start:0}.utrecht-drawer--inline-end{block-size:100%;inset-block-end:0;inset-block-start:0;max-block-size:100%;max-inline-size:min(var(--utrecht-drawer-max-inline-size, 100%), 100% - var(--_utrecht-drawer-backdrop-min-size, 44px));min-inline-size:var(--utrecht-drawer-min-inline-size, calc(320px - var(--_utrecht-drawer-backdrop-min-size)));border-end-start-radius:var(--utrecht-drawer-border-radius);border-inline-end-width:0;border-start-start-radius:var(--utrecht-drawer-border-radius);inset-inline-end:0;inset-inline-start:auto}.utrecht-drawer--block-start{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-start-width:0;border-end-end-radius:var(--utrecht-drawer-border-radius);border-end-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:auto;inset-block-start:0}.utrecht-drawer--block-end{block-size:fit-content;inline-size:100%;inset-inline-end:0;inset-inline-start:0;max-block-size:min(var(--utrecht-drawer-max-block-size), 100% - var(--_utrecht-drawer-backdrop-min-size));max-inline-size:100%;min-block-size:var(--utrecht-drawer-min-block-size, calc(256px - var(--_utrecht-drawer-backdrop-min-size)));border-block-end-width:0;border-start-end-radius:var(--utrecht-drawer-border-radius);border-start-start-radius:var(--utrecht-drawer-border-radius);inset-block-end:0;inset-block-start:auto}:host{display:contents}:host([hidden]){display:none !important}", pt = gt, Ct = class {
|
|
539
539
|
constructor(r) {
|
|
540
540
|
e(this, r), this.align = void 0, this.open = !1;
|
|
541
541
|
}
|
|
@@ -557,7 +557,7 @@ const pt = ".utrecht-drawer{--_utrecht-drawer-backdrop-min-size:max(var(--utrech
|
|
|
557
557
|
(r = this.dialogElement) === null || r === void 0 || r.close(), (o = this.dialogElement) === null || o === void 0 || o.showModal();
|
|
558
558
|
}
|
|
559
559
|
};
|
|
560
|
-
Ct.style =
|
|
560
|
+
Ct.style = pt;
|
|
561
561
|
const kt = ".utrecht-emphasis--stressed{font-style:var(--utrecht-emphasis-stressed-font-style, italic)}.utrecht-emphasis--strong{font-weight:var(--utrecht-emphasis-strong-font-weight, bold)}:host{display:inline}:host([hidden]){display:none !important}", mt = kt, xt = class {
|
|
562
562
|
constructor(r) {
|
|
563
563
|
e(this, r);
|
|
@@ -571,7 +571,7 @@ const _t = ":host{display:block}:host([hidden]){display:none !important}.utrecht
|
|
|
571
571
|
var o;
|
|
572
572
|
const c = (o = r == null ? void 0 : r.ownerDocument) === null || o === void 0 ? void 0 : o.defaultView, n = c == null ? void 0 : c.getComputedStyle(r);
|
|
573
573
|
return n && n.getPropertyValue("flex-wrap") === "wrap" && n.getPropertyValue("display") === "flex" ? r.firstElementChild.getBoundingClientRect().top !== r.lastElementChild.getBoundingClientRect().top : !1;
|
|
574
|
-
},
|
|
574
|
+
}, zt = class {
|
|
575
575
|
constructor(r) {
|
|
576
576
|
e(this, r), this.flexTarget = void 0, this.resizeObserver = void 0, this.contentWraps = void 0;
|
|
577
577
|
}
|
|
@@ -590,48 +590,48 @@ const _t = ":host{display:block}:host([hidden]){display:none !important}.utrecht
|
|
|
590
590
|
return t("div", { key: "382031da81954ed0826271a8e40c7d1e5a996293" }, t("div", { key: "13de201de3f0bbea818b1b1adacd4103a2e51888", id: "wrap", class: `utrecht-flex-wrap-fallback__content ${r ? "utrecht-flex-wrap-fallback__content--hidden" : ""}`, "data-inert": r, "aria-hidden": r }, t("slot", { key: "808c85b3933adfb0ace33929692a58bab95e7403" })), t("div", { key: "7bbb0a277a92a5afb6e9c430587b3662fa0b273a", id: "nowrap", class: `utrecht-flex-wrap-fallback__fallback ${r ? "" : "utrecht-flex-wrap-fallback__fallback--hidden"}`, "data-inert": !r, hidden: !r }, t("slot", { key: "1ba764b80a82953684242595331ee328ed203425", name: "fallback" })));
|
|
591
591
|
}
|
|
592
592
|
get hostElement() {
|
|
593
|
-
return
|
|
593
|
+
return z(this);
|
|
594
594
|
}
|
|
595
595
|
};
|
|
596
|
-
|
|
597
|
-
const
|
|
596
|
+
zt.style = yt;
|
|
597
|
+
const Lt = ".utrecht-form{display:block;max-inline-size:var(--utrecht-form-max-inline-size)}:host{display:block;max-inline-size:var(--utrecht-form-max-inline-size)}.utrecht-form__heading:empty{display:none}:host([hidden]){display:none !important}", Ht = Lt, Mt = class {
|
|
598
598
|
constructor(r) {
|
|
599
599
|
e(this, r), this.action = void 0, this.autocomplete = void 0, this.enctype = void 0, this.method = void 0, this.noValidate = void 0, this.target = void 0;
|
|
600
600
|
}
|
|
601
601
|
render() {
|
|
602
|
-
const { action: r, autocomplete: o, enctype: c, method: n, target: s, noValidate: i } = this, h = "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (
|
|
603
|
-
const l = parseInt(
|
|
602
|
+
const { action: r, autocomplete: o, enctype: c, method: n, target: s, noValidate: i } = this, h = "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (g) => {
|
|
603
|
+
const l = parseInt(g, 10);
|
|
604
604
|
return (l ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> l / 4).toString(16);
|
|
605
605
|
});
|
|
606
606
|
return t("form", { action: r, "aria-labelledby": h, autocomplete: o, enctype: c, method: n, novalidate: i, target: s }, t("div", { class: "utrecht-form__heading", id: h }, t("slot", { name: "heading" })), t("slot", null));
|
|
607
607
|
}
|
|
608
608
|
};
|
|
609
609
|
Mt.style = Ht;
|
|
610
|
-
const Vt = `.utrecht-form-field{break-inside:avoid;font-family:var(--utrecht-document-font-family, inherit);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));page-break-inside:avoid}.utrecht-form-field--distanced{--utrecht-space-around:1}.utrecht-form-field--invalid{border-inline-start-color:var(--utrecht-form-field-invalid-border-inline-start-color);border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-field-invalid-border-inline-start-width, 0);padding-inline-start:var(--utrecht-form-field-invalid-padding-inline-start)}.utrecht-form-field--checkbox{display:grid;gap:0 var(--utrecht-checkbox-margin-inline-end, 12px);grid-template-areas:"input label" "input description" "input
|
|
611
|
-
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-checkbox--html-input :focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
612
|
-
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-checkbox--custom,.utrecht-custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:center;background-repeat:no-repeat;background-size:contain;block-size:var(--utrecht-checkbox-size, 1em);border-color:var(--utrecht-checkbox-border-color);border-radius:var(--utrecht-checkbox-border-radius, 0);border-style:solid;border-width:var(--utrecht-checkbox-border-width);cursor:var(--utrecht-action-activate-cursor, revert);inline-size:var(--utrecht-checkbox-size, 1em);margin-block-start:var(--utrecht-checkbox-margin-block-start);min-block-size:24px;min-inline-size:24px;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top}.utrecht-checkbox--custom.utrecht-checkbox--checked,.utrecht-custom-checkbox--checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--disabled,.utrecht-custom-checkbox--disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,.utrecht-custom-checkbox--disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,.utrecht-custom-checkbox--disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--invalid,.utrecht-custom-checkbox--invalid{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--active,.utrecht-custom-checkbox--active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--hover,.utrecht-custom-checkbox--hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus,.utrecht-custom-checkbox--focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,.utrecht-custom-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
613
|
-
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,.utrecht-custom-checkbox--html-input:disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,.utrecht-custom-checkbox--html-input:disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,.utrecht-custom-checkbox--html-input:disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,.utrecht-custom-checkbox--html-input:hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,.utrecht-custom-checkbox--html-input:focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,.utrecht-custom-checkbox--html-input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
614
|
-
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid=true],.utrecht-custom-checkbox--html-input:invalid,.utrecht-custom-checkbox--html-input[aria-invalid=true]{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked:indeterminate,.utrecht-custom-checkbox--html-input:indeterminate,.utrecht-custom-checkbox--html-input:checked:indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}:host{display:block}:host([hidden]){display:none !important}`, Zt = Vt, St = class {
|
|
610
|
+
const Vt = `.utrecht-form-field{break-inside:avoid;font-family:var(--utrecht-document-font-family, inherit);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));page-break-inside:avoid}.utrecht-form-field--distanced{--utrecht-space-around:1}.utrecht-form-field--invalid{border-inline-start-color:var(--utrecht-form-field-invalid-border-inline-start-color);border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-field-invalid-border-inline-start-width, 0);padding-inline-start:var(--utrecht-form-field-invalid-padding-inline-start)}.utrecht-form-field--checkbox{display:grid;gap:0 var(--utrecht-checkbox-margin-inline-end, 12px);grid-template-areas:"input label" "input description" "input error-message";grid-template-columns:var(--utrecht-checkbox-size) 100fr;}.utrecht-form-field--checkbox .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc(-1 * (var(--utrecht-checkbox-size) + var(--utrecht-checkbox-margin-inline-end, 12px)))}.utrecht-form-field--checkbox .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-checkbox-margin-inline-end, 12px)}.utrecht-form-field--radio{display:grid;gap:0 var(--utrecht-radio-button-margin-inline-end, 12px);grid-template-areas:"input label" "input description" "input error-message";grid-template-columns:var(--utrecht-radio-button-size) 100fr;}.utrecht-form-field--radio .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc(-1 * (var(--utrecht-radio-button-size) + var(--utrecht-radio-button-margin-inline-end, 12px)))}.utrecht-form-field--radio .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-radio-button-margin-inline-end, 12px)}.utrecht-form-field__input{margin-block-end:0;margin-block-start:0;grid-area:input;order:5}.utrecht-form-field__label{grid-area:label;margin-block-end:var(--utrecht-form-field-label-margin-block-end);margin-block-start:0;order:1}.utrecht-form-field .utrecht-form-field-description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field .utrecht-form-field-description--invalid{grid-area:error-message;order:3}.utrecht-form-field__description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field__description--before{grid-area:description-before;order:4}.utrecht-form-field__error-message{grid-area:error-message;order:3}.utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor, revert);font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{color:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor, revert);font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-field-description{--utrecht-document-color:currentColor;color:var(--utrecht-form-field-description-color);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-description-font-size, inherit);font-style:var(--utrecht-form-field-description-font-style);line-height:var(--utrecht-form-field-description-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-description-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)))}.utrecht-form-field-description>*{--utrecht-space-around:1}.utrecht-form-field-description--distanced{--utrecht-space-around:1}.utrecht-form-field-description--invalid{color:var(--utrecht-form-field-description-invalid-color, var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color)))}.utrecht-form-field-description--valid{color:var(--utrecht-form-field-description-valid-color, var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color)))}.utrecht-form-field-description--warning{color:var(--utrecht-form-field-description-warning-color, var(--utrecht-feedback-warning-color))}.utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;cursor:var(--utrecht-action-activate-cursor, revert);-webkit-user-select:none;user-select:none}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
611
|
+
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-checkbox--html-input :focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
612
|
+
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-checkbox--custom,.utrecht-custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:center;background-repeat:no-repeat;background-size:contain;block-size:var(--utrecht-checkbox-size, 1em);border-color:var(--utrecht-checkbox-border-color);border-radius:var(--utrecht-checkbox-border-radius, 0);border-style:solid;border-width:var(--utrecht-checkbox-border-width);cursor:var(--utrecht-action-activate-cursor, revert);inline-size:var(--utrecht-checkbox-size, 1em);margin-block-start:var(--utrecht-checkbox-margin-block-start);min-block-size:24px;min-inline-size:24px;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top}.utrecht-checkbox--custom.utrecht-checkbox--checked,.utrecht-custom-checkbox--checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--disabled,.utrecht-custom-checkbox--disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,.utrecht-custom-checkbox--disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,.utrecht-custom-checkbox--disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--invalid,.utrecht-custom-checkbox--invalid{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--active,.utrecht-custom-checkbox--active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--hover,.utrecht-custom-checkbox--hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus,.utrecht-custom-checkbox--focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,.utrecht-custom-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
613
|
+
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,.utrecht-custom-checkbox--html-input:disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,.utrecht-custom-checkbox--html-input:disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,.utrecht-custom-checkbox--html-input:disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,.utrecht-custom-checkbox--html-input:hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,.utrecht-custom-checkbox--html-input:focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,.utrecht-custom-checkbox--html-input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
614
|
+
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid=true],.utrecht-custom-checkbox--html-input:invalid,.utrecht-custom-checkbox--html-input[aria-invalid=true]{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked:indeterminate,.utrecht-custom-checkbox--html-input:indeterminate,.utrecht-custom-checkbox--html-input:checked:indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}:host{display:block}:host([hidden]){display:none !important}`, Zt = Vt, St = class {
|
|
615
615
|
constructor(r) {
|
|
616
616
|
e(this, r), this.utrechtBlur = k(this, "utrechtBlur", 7), this.utrechtChange = k(this, "utrechtChange", 7), this.utrechtFocus = k(this, "utrechtFocus", 7), this.utrechtInput = k(this, "utrechtInput", 7), this.label = "", this.disabled = !1, this.checked = !1, this.invalid = !1, this.required = !1, this.name = "", this.value = "";
|
|
617
617
|
}
|
|
618
618
|
render() {
|
|
619
|
-
const { checked: r, disabled: o, hostElement: c, label: n, name: s, invalid: i, required: h, value:
|
|
619
|
+
const { checked: r, disabled: o, hostElement: c, label: n, name: s, invalid: i, required: h, value: g } = this;
|
|
620
620
|
let l = c.querySelector('input[type="hidden"]');
|
|
621
|
-
return l && !s && l.parentNode.removeChild(l), !l && s && (l = c.ownerDocument.createElement("input"), l.type = "hidden", c.appendChild(l)), l && s && (l.name = s, l.value = r &&
|
|
621
|
+
return l && !s && l.parentNode.removeChild(l), !l && s && (l = c.ownerDocument.createElement("input"), l.type = "hidden", c.appendChild(l)), l && s && (l.name = s, l.value = r && g || ""), t("div", { key: "5c52f3cf9cdd58dbc576ff731f1a8fa0fc09a9b0", class: v("utrecht-form-field", "utrecht-form-field--checkbox", {
|
|
622
622
|
"utrecht-form-field--invalid": i
|
|
623
|
-
}) }, t("p", { key: "
|
|
623
|
+
}) }, t("p", { key: "9fdacb28d94d70a083a24279ed19038cd94f3ed5", class: "utrecht-form-field__label utrecht-form-field__label--checkbox" }, t("label", { key: "9065bf22f99385698063967910fb8d0e8de2bbe2", class: v("utrecht-form-label", {
|
|
624
624
|
"utrecht-form-label--disabled": o
|
|
625
|
-
}), htmlFor: "input" }, t("input", { key: "
|
|
625
|
+
}), htmlFor: "input" }, t("input", { key: "8bfd91c2891fc760d78507d132f3523892158673", id: "input", type: "checkbox", class: v("utrecht-form-field__input", "utrecht-checkbox", "utrecht-checkbox--custom", "utrecht-checkbox--html-input", {
|
|
626
626
|
"utrecht-checkbox--disabled": o,
|
|
627
627
|
"utrecht-checkbox--invalid": i,
|
|
628
628
|
"utrecht-checkbox--required": h
|
|
629
|
-
}), "aria-invalid": i || void 0, disabled: o, required: h, checked: r, value:
|
|
629
|
+
}), "aria-invalid": i || void 0, disabled: o, required: h, checked: r, value: g, onBlur: (f) => this.utrechtBlur.emit(f), onChange: (f) => this.utrechtChange.emit(f), onFocus: (f) => this.utrechtFocus.emit(f), onInput: (f) => {
|
|
630
630
|
this.checked = f.target.checked, this.utrechtInput.emit(f);
|
|
631
|
-
} }), " ", n, t("slot", { key: "
|
|
631
|
+
} }), " ", n, t("slot", { key: "5b314917ca1a22f716835e233090d55d8efa5823", name: "label" })), i && t("utrecht-form-field-description", { key: "3eccd7b718c96222f7994e8a8fd18576b385fefc", status: "invalid", class: "utrecht-form-field__description utrecht-form-field__description--invalid", id: "error-message" }, t("slot", { key: "cc943efca11de4fa8f0e9922998ec1732e472fdb", name: "error-message" }))), t("utrecht-form-field-description", { key: "d6ecfffd5a884edb5d5e51a6aae268611f47701e", class: "utrecht-form-field__description", id: "description" }, t("slot", { key: "7eabecc360f0f57be76627b4ee7de4dc045c2fe3", name: "description" })), t("div", { key: "8029a4f260348aef4a4a796fc986b5ee11daa9be", class: "utrecht-form-field__status", id: "status" }, t("div", { key: "73a688219b34fd548bcf271114cb317f83038d78", class: "utrecht-form-field-description utrecht-form-field-description--status" }, t("slot", { key: "02926cc52d99cc163383db20ecec35aa18e6aaea", name: "status" }))));
|
|
632
632
|
}
|
|
633
633
|
get hostElement() {
|
|
634
|
-
return
|
|
634
|
+
return z(this);
|
|
635
635
|
}
|
|
636
636
|
};
|
|
637
637
|
St.style = Zt;
|
|
@@ -641,45 +641,45 @@ const Bt = ".utrecht-form-field-description{--utrecht-document-color:currentColo
|
|
|
641
641
|
}
|
|
642
642
|
render() {
|
|
643
643
|
const { status: r } = this;
|
|
644
|
-
return t("div", { key: "
|
|
644
|
+
return t("div", { key: "0b7ba77c313851507ae46b69e766b01440625f30", class: v("utrecht-form-field-description", r === "valid" && "utrecht-form-field-description--valid", r === "invalid" && "utrecht-form-field-description--invalid") }, t("slot", { key: "64c912d538677d625c3b44f3f6fda3c15e1221b0" }));
|
|
645
645
|
}
|
|
646
646
|
};
|
|
647
647
|
Ft.style = Ut;
|
|
648
|
-
const Tt = `.utrecht-form-field{break-inside:avoid;font-family:var(--utrecht-document-font-family, inherit);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));page-break-inside:avoid}.utrecht-form-field--distanced{--utrecht-space-around:1}.utrecht-form-field--invalid{border-inline-start-color:var(--utrecht-form-field-invalid-border-inline-start-color);border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-field-invalid-border-inline-start-width, 0);padding-inline-start:var(--utrecht-form-field-invalid-padding-inline-start)}.utrecht-form-field--checkbox{display:grid;gap:0 var(--utrecht-checkbox-margin-inline-end, 12px);grid-template-areas:"input label" "input description" "input
|
|
648
|
+
const Tt = `.utrecht-form-field{break-inside:avoid;font-family:var(--utrecht-document-font-family, inherit);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));page-break-inside:avoid}.utrecht-form-field--distanced{--utrecht-space-around:1}.utrecht-form-field--invalid{border-inline-start-color:var(--utrecht-form-field-invalid-border-inline-start-color);border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-field-invalid-border-inline-start-width, 0);padding-inline-start:var(--utrecht-form-field-invalid-padding-inline-start)}.utrecht-form-field--checkbox{display:grid;gap:0 var(--utrecht-checkbox-margin-inline-end, 12px);grid-template-areas:"input label" "input description" "input error-message";grid-template-columns:var(--utrecht-checkbox-size) 100fr;}.utrecht-form-field--checkbox .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc(-1 * (var(--utrecht-checkbox-size) + var(--utrecht-checkbox-margin-inline-end, 12px)))}.utrecht-form-field--checkbox .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-checkbox-margin-inline-end, 12px)}.utrecht-form-field--radio{display:grid;gap:0 var(--utrecht-radio-button-margin-inline-end, 12px);grid-template-areas:"input label" "input description" "input error-message";grid-template-columns:var(--utrecht-radio-button-size) 100fr;}.utrecht-form-field--radio .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc(-1 * (var(--utrecht-radio-button-size) + var(--utrecht-radio-button-margin-inline-end, 12px)))}.utrecht-form-field--radio .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-radio-button-margin-inline-end, 12px)}.utrecht-form-field__input{margin-block-end:0;margin-block-start:0;grid-area:input;order:5}.utrecht-form-field__label{grid-area:label;margin-block-end:var(--utrecht-form-field-label-margin-block-end);margin-block-start:0;order:1}.utrecht-form-field .utrecht-form-field-description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field .utrecht-form-field-description--invalid{grid-area:error-message;order:3}.utrecht-form-field__description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field__description--before{grid-area:description-before;order:4}.utrecht-form-field__error-message{grid-area:error-message;order:3}.utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor, revert);font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{color:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor, revert);font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-field-description{--utrecht-document-color:currentColor;color:var(--utrecht-form-field-description-color);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-description-font-size, inherit);font-style:var(--utrecht-form-field-description-font-style);line-height:var(--utrecht-form-field-description-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-description-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)))}.utrecht-form-field-description>*{--utrecht-space-around:1}.utrecht-form-field-description--distanced{--utrecht-space-around:1}.utrecht-form-field-description--invalid{color:var(--utrecht-form-field-description-invalid-color, var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color)))}.utrecht-form-field-description--valid{color:var(--utrecht-form-field-description-valid-color, var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color)))}.utrecht-form-field-description--warning{color:var(--utrecht-form-field-description-warning-color, var(--utrecht-feedback-warning-color))}.utrecht-textarea{background-color:var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textarea-border-block-end-width, var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textarea-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textarea-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textarea-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textarea-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:var(--utrecht-textarea-font-weight, var(--utrecht-form-control-font-weight, initial));inline-size:100%;line-height:var(--utrecht-textarea-line-height, initial);max-inline-size:var(--utrecht-textarea-max-inline-size, var(--utrecht-form-control-max-inline-size));min-block-size:var(--utrecht-textarea-min-block-size, var(--utrecht-pointer-target-min-size, 44px));min-inline-size:var(--utrecht-pointer-target-min-size, 44px);padding-block-end:var(--utrecht-textarea-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textarea-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textarea-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textarea-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial));resize:vertical;resize:block}.utrecht-textarea--invalid{--_utrecht-textarea-border-width:var(
|
|
649
649
|
--utrecht-textarea-invalid-border-width,
|
|
650
650
|
var(
|
|
651
651
|
--utrecht-form-control-invalid-border-width,
|
|
652
652
|
var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))
|
|
653
653
|
)
|
|
654
654
|
);background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
655
|
-
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea{}.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
656
|
-
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(
|
|
655
|
+
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-textarea--read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea__placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textarea--html-textarea{}.utrecht-textarea--html-textarea:focus{background-color:var(--utrecht-textarea-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
656
|
+
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-textarea--html-textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true]{--_utrecht-textarea-border-width:var(
|
|
657
657
|
--utrecht-textarea-invalid-border-width,
|
|
658
658
|
var(
|
|
659
659
|
--utrecht-form-control-invalid-border-width,
|
|
660
660
|
var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))
|
|
661
661
|
)
|
|
662
|
-
);background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}:host{display:block}:host([hidden]){display:none !important}`, Et = Tt, M = 20, V = 2,
|
|
662
|
+
);background-color:var(--utrecht-textarea-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textarea-border-width);border-block-end-width:var(--utrecht-textarea-invalid-border-block-end-width, var(--utrecht-form-control-invalid-border-block-end-width, var(--utrecht-textarea-border-block-end-width, var(--utrecht-form-control-border-block-end-width, var(--_utrecht-textarea-border-width)))));border-color:var(--utrecht-textarea-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:read-only{background-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textarea-border, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-read-only-border, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))))}.utrecht-textarea--html-textarea:disabled{background-color:var(--utrecht-textarea-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textarea-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textarea-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textarea--html-textarea::placeholder{color:var(--utrecht-textarea-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}:host{display:block}:host([hidden]){display:none !important}`, Et = Tt, M = 20, V = 2, It = class {
|
|
663
663
|
constructor(r) {
|
|
664
664
|
e(this, r), this.utrechtBlur = k(this, "utrechtBlur", 7), this.utrechtChange = k(this, "utrechtChange", 7), this.utrechtFocus = k(this, "utrechtFocus", 7), this.utrechtInput = k(this, "utrechtInput", 7), this.cols = M, this.disabled = !1, this.invalid = !1, this.label = "", this.name = "", this.readOnly = !1, this.placeholder = "", this.required = !1, this.rows = V, this.value = "";
|
|
665
665
|
}
|
|
666
666
|
render() {
|
|
667
|
-
const { cols: r, disabled: o, hostElement: c, invalid: n, label: s, name: i, placeholder: h, readOnly:
|
|
667
|
+
const { cols: r, disabled: o, hostElement: c, invalid: n, label: s, name: i, placeholder: h, readOnly: g, required: l, rows: f, value: _ } = this;
|
|
668
668
|
let b = c.querySelector('input[type="hidden"]');
|
|
669
|
-
return b && !i && b.parentNode.removeChild(b), !b && i && (b = c.ownerDocument.createElement("input"), b.type = "hidden", c.appendChild(b)), b && i && (b.name = i, b.value = _ || ""), t("div", { key: "
|
|
669
|
+
return b && !i && b.parentNode.removeChild(b), !b && i && (b = c.ownerDocument.createElement("input"), b.type = "hidden", c.appendChild(b)), b && i && (b.name = i, b.value = _ || ""), t("div", { key: "77c36057c24af3512d440dc9232008f4cdc5d944", class: v("utrecht-form-field", "utrecht-form-field--textbox", {
|
|
670
670
|
"utrecht-form-field--invalid": n
|
|
671
|
-
}) }, t("p", { key: "
|
|
671
|
+
}) }, t("p", { key: "cb58ea2495a627514d4fe404bb9f73585f77c293", class: "utrecht-form-field__label" }, t("label", { key: "60ebf2db7d2155d9f9c96233e79a145be8ed6620", class: v("utrecht-form-label", {
|
|
672
672
|
"utrecht-form-label--disabled": o
|
|
673
|
-
}), htmlFor: "input" }, s, t("slot", { key: "
|
|
673
|
+
}), htmlFor: "input" }, s, t("slot", { key: "923bd77e45df5505fc4cb27d6e1255ec212fcfd1", name: "label" }))), t("utrecht-form-field-description", { key: "6114cbfcdd4e2c6359475bb8b36e76de371edf31", id: "description" }, t("slot", { key: "8a2b335e88231fb014aa410e7ea008356cc780c8", name: "description" })), n && t("utrecht-form-field-description", { key: "b19919f3a3def9cdd58933e9b9d56301a59506b1", status: "invalid", class: "utrecht-form-field__error-message", id: "error-message" }, t("slot", { key: "d3469e798881aeedeab5699c73ce0ead5156fdf1", name: "error-message" })), t("p", { key: "da6ec981ede6e230ba677ec5822104ad3bf6ba25", class: "utrecht-form-field__input" }, t("textarea", { key: "3d5580105d5387951478ef078c997319f3e8e679", id: "input", class: v("utrecht-textarea", "utrecht-textarea--html-textarea", o && "utrecht-textarea--disabled", n && "utrecht-textarea--invalid", g && "utrecht-textarea--readonly"), "aria-invalid": n, cols: r !== M ? r : null, disabled: o, dir: "auto", placeholder: h || null, readonly: g, required: l, rows: f !== V ? f : null, onBlur: (C) => this.utrechtBlur.emit(C), onChange: (C) => this.utrechtChange.emit(C), onFocus: (C) => this.utrechtFocus.emit(C), onInput: (C) => {
|
|
674
674
|
this.value = C.target.value, this.utrechtInput.emit(C);
|
|
675
|
-
} }, _)), t("div", { key: "
|
|
675
|
+
} }, _)), t("div", { key: "3b8754ee969752322f1b59b13b2e800f2eaf6990", class: "utrecht-form-field__status", id: "status" }, t("div", { key: "6037148d100830c205ad82f42fc56cb841a41c71", class: "utrecht-form-field-description utrecht-form-field-description--status" }, t("slot", { key: "840a14381d777b7d09d4b9eae28c371e7f45249b", name: "status" }))));
|
|
676
676
|
}
|
|
677
677
|
get hostElement() {
|
|
678
|
-
return
|
|
678
|
+
return z(this);
|
|
679
679
|
}
|
|
680
680
|
};
|
|
681
|
-
|
|
682
|
-
const
|
|
681
|
+
It.style = Et;
|
|
682
|
+
const Dt = `.utrecht-form-field{break-inside:avoid;font-family:var(--utrecht-document-font-family, inherit);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-margin-block-start, 0));page-break-inside:avoid}.utrecht-form-field--distanced{--utrecht-space-around:1}.utrecht-form-field--invalid{border-inline-start-color:var(--utrecht-form-field-invalid-border-inline-start-color);border-inline-start-style:solid;border-inline-start-width:var(--utrecht-form-field-invalid-border-inline-start-width, 0);padding-inline-start:var(--utrecht-form-field-invalid-padding-inline-start)}.utrecht-form-field--checkbox{display:grid;gap:0 var(--utrecht-checkbox-margin-inline-end, 12px);grid-template-areas:"input label" "input description" "input error-message";grid-template-columns:var(--utrecht-checkbox-size) 100fr;}.utrecht-form-field--checkbox .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc(-1 * (var(--utrecht-checkbox-size) + var(--utrecht-checkbox-margin-inline-end, 12px)))}.utrecht-form-field--checkbox .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-checkbox-margin-inline-end, 12px)}.utrecht-form-field--radio{display:grid;gap:0 var(--utrecht-radio-button-margin-inline-end, 12px);grid-template-areas:"input label" "input description" "input error-message";grid-template-columns:var(--utrecht-radio-button-size) 100fr;}.utrecht-form-field--radio .utrecht-form-field__label:has(.utrecht-form-field__input){margin-inline-start:calc(-1 * (var(--utrecht-radio-button-size) + var(--utrecht-radio-button-margin-inline-end, 12px)))}.utrecht-form-field--radio .utrecht-form-field__label .utrecht-form-field__input{margin-inline-end:var(--utrecht-radio-button-margin-inline-end, 12px)}.utrecht-form-field__input{margin-block-end:0;margin-block-start:0;grid-area:input;order:5}.utrecht-form-field__label{grid-area:label;margin-block-end:var(--utrecht-form-field-label-margin-block-end);margin-block-start:0;order:1}.utrecht-form-field .utrecht-form-field-description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field .utrecht-form-field-description--invalid{grid-area:error-message;order:3}.utrecht-form-field__description{grid-area:description;margin-block-end:var(--utrecht-form-field-description-margin-block-end);margin-block-start:var(--utrecht-form-field-description-margin-block-start);order:2}.utrecht-form-field__description--before{grid-area:description-before;order:4}.utrecht-form-field__error-message{grid-area:error-message;order:3}.utrecht-form-label{color:var(--utrecht-form-label-color);font-size:var(--utrecht-form-label-font-size);font-weight:var(--utrecht-form-label-font-weight)}.utrecht-form-label--checkbox{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor, revert);font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--checked{font-weight:var(--utrecht-form-label-checked-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--disabled{color:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-form-label--radio{color:var(--utrecht-form-label-checkbox-color, var(--utrecht-form-label-color));cursor:var(--utrecht-action-activate-cursor, revert);font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-field-description{--utrecht-document-color:currentColor;color:var(--utrecht-form-field-description-color);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-form-field-description-font-size, inherit);font-style:var(--utrecht-form-field-description-font-style);line-height:var(--utrecht-form-field-description-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-description-margin-block-end, var(--utrecht-paragraph-margin-block-end, 0)));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-form-field-description-margin-block-start, var(--utrecht-paragraph-margin-block-start, 0)))}.utrecht-form-field-description>*{--utrecht-space-around:1}.utrecht-form-field-description--distanced{--utrecht-space-around:1}.utrecht-form-field-description--invalid{color:var(--utrecht-form-field-description-invalid-color, var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color)))}.utrecht-form-field-description--valid{color:var(--utrecht-form-field-description-valid-color, var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color)))}.utrecht-form-field-description--warning{color:var(--utrecht-form-field-description-warning-color, var(--utrecht-feedback-warning-color))}.utrecht-textbox{--_utrecht-textbox-value-char:0.667em + 0.334ch;--_utrecht-textbox-max-inline-size:calc(
|
|
683
683
|
calc(var(--utrecht-textbox-value-max-length) * var(--_utrecht-textbox-value-char)) +
|
|
684
684
|
var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, 0)) +
|
|
685
685
|
var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, 0)) +
|
|
@@ -692,30 +692,30 @@ const It = `.utrecht-form-field{break-inside:avoid;font-family:var(--utrecht-doc
|
|
|
692
692
|
var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))
|
|
693
693
|
)
|
|
694
694
|
);background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
695
|
-
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textbox--read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--postal-code-nl-size{--utrecht-textbox-value-max-length:7}.utrecht-textbox--house-number-size{--utrecht-textbox-value-max-length:5}.utrecht-textbox--house-letter-size{--utrecht-textbox-value-max-length:1}.utrecht-textbox--house-addition-size{--utrecht-textbox-value-max-length:4}.utrecht-textbox--voorvoegsel-size{--utrecht-textbox-value-max-length:10}.utrecht-textbox--tel-size{--utrecht-textbox-value-max-length:19}.utrecht-textbox--tel-nl-size{--utrecht-textbox-value-max-length:13}.utrecht-textbox--iban-size{--utrecht-textbox-value-max-length:41}.utrecht-textbox--iban-nl-size{--utrecht-textbox-value-max-length:22}.utrecht-textbox--placeholder-ltr::placeholder,.utrecht-textbox--placeholder-ltr:placeholder-shown{direction:ltr}.utrecht-textbox--placeholder-rtl::placeholder,.utrecht-textbox--placeholder-rtl:placeholder-shown{direction:rtl}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input{}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
696
|
-
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{--_utrecht-textbox-border-width:var(
|
|
695
|
+
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-textbox--read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox__placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--numeric{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}.utrecht-textbox--password{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--postal-code-nl-size{--utrecht-textbox-value-max-length:7}.utrecht-textbox--house-number-size{--utrecht-textbox-value-max-length:5}.utrecht-textbox--house-letter-size{--utrecht-textbox-value-max-length:1}.utrecht-textbox--house-addition-size{--utrecht-textbox-value-max-length:4}.utrecht-textbox--voorvoegsel-size{--utrecht-textbox-value-max-length:10}.utrecht-textbox--tel-size{--utrecht-textbox-value-max-length:19}.utrecht-textbox--tel-nl-size{--utrecht-textbox-value-max-length:13}.utrecht-textbox--iban-size{--utrecht-textbox-value-max-length:41}.utrecht-textbox--iban-nl-size{--utrecht-textbox-value-max-length:22}.utrecht-textbox--placeholder-ltr::placeholder,.utrecht-textbox--placeholder-ltr:placeholder-shown{direction:ltr}.utrecht-textbox--placeholder-rtl::placeholder,.utrecht-textbox--placeholder-rtl:placeholder-shown{direction:rtl}.utrecht-textbox--url{font-variant-ligatures:none}.utrecht-textbox--html-input{}.utrecht-textbox--html-input:focus{background-color:var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
696
|
+
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-textbox--html-input:invalid,.utrecht-textbox--html-input[aria-invalid=true]{--_utrecht-textbox-border-width:var(
|
|
697
697
|
--utrecht-textbox-invalid-border-width,
|
|
698
698
|
var(
|
|
699
699
|
--utrecht-form-control-invalid-border-width,
|
|
700
700
|
var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width))
|
|
701
701
|
)
|
|
702
|
-
);background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--html-input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--html-input[type=url i],.utrecht-textbox--html-input[type=email i],.utrecht-textbox--html-input[inputMode=email i],.utrecht-textbox--html-input[inputMode=url i]{font-variant-ligatures:none}.utrecht-textbox--html-input[pattern="\\\\d*"],.utrecht-textbox--html-input[pattern="[0-9]*"],.utrecht-textbox--html-input[type=number i],.utrecht-textbox--html-input[type=tel i],.utrecht-textbox--html-input[inputMode=numeric i],.utrecht-textbox--html-input[inputMode=decimal i],.utrecht-textbox--html-input[inputMode=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}:host{display:block}:host([hidden]){display:none !important}`, qt =
|
|
702
|
+
);background-color:var(--utrecht-textbox-invalid-background-color, var(--utrecht-form-control-invalid-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-width:var(--_utrecht-textbox-border-width);border-block-end-width:var(--utrecht-textbox-invalid-border-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textbox-border-bottom-width, var(--utrecht-form-control-border-bottom-width, var(--_utrecht-textbox-border-width)))));border-color:var(--utrecht-textbox-invalid-border-color, var(--utrecht-form-control-invalid-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-invalid-color, var(--utrecht-form-control-invalid-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:read-only{background-color:var(--utrecht-textbox-read-only-background-color, var(--utrecht-form-control-read-only-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-read-only-border-color, var(--utrecht-form-control-read-only-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))))}.utrecht-textbox--html-input:disabled{background-color:var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));border-color:var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));cursor:var(--utrecht-action-disabled-cursor, not-allowed)}.utrecht-textbox--html-input::placeholder{color:var(--utrecht-textbox-placeholder-color, var(--utrecht-form-control-placeholder-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));font-style:var(--utrecht-form-control-placeholder-font-style);opacity:100%}.utrecht-textbox--html-input[type=password i]{font-variant-ligatures:none;font-variant-numeric:slashed-zero}.utrecht-textbox--html-input[type=url i],.utrecht-textbox--html-input[type=email i],.utrecht-textbox--html-input[inputMode=email i],.utrecht-textbox--html-input[inputMode=url i]{font-variant-ligatures:none}.utrecht-textbox--html-input[pattern="\\\\d*"],.utrecht-textbox--html-input[pattern="[0-9]*"],.utrecht-textbox--html-input[type=number i],.utrecht-textbox--html-input[type=tel i],.utrecht-textbox--html-input[inputMode=numeric i],.utrecht-textbox--html-input[inputMode=decimal i],.utrecht-textbox--html-input[inputMode=tel i]{-moz-appearance:textfield;font-variant-numeric:lining-nums tabular-nums}:host{display:block}:host([hidden]){display:none !important}`, qt = Dt, At = class {
|
|
703
703
|
constructor(r) {
|
|
704
704
|
e(this, r), this.utrechtBlur = k(this, "utrechtBlur", 7), this.utrechtChange = k(this, "utrechtChange", 7), this.utrechtFocus = k(this, "utrechtFocus", 7), this.utrechtInput = k(this, "utrechtInput", 7), this.autoComplete = "", this.disabled = !1, this.invalid = !1, this.label = "", this.min = "", this.max = "", this.name = "", this.pattern = "", this.placeholder = "", this.readOnly = !1, this.required = !1, this.type = "", this.value = "";
|
|
705
705
|
}
|
|
706
706
|
render() {
|
|
707
|
-
const { autoComplete: r, disabled: o, hostElement: c, invalid: n, label: s, min: i, max: h, name:
|
|
708
|
-
let
|
|
709
|
-
return
|
|
707
|
+
const { autoComplete: r, disabled: o, hostElement: c, invalid: n, label: s, min: i, max: h, name: g, pattern: l, placeholder: f, readOnly: _, required: b, type: C, value: a } = this;
|
|
708
|
+
let p = c.querySelector('input[type="hidden"]');
|
|
709
|
+
return p && !g && p.parentNode.removeChild(p), !p && g && (p = c.ownerDocument.createElement("input"), p.type = "hidden", p.ariaHidden = "true", c.appendChild(p)), p && g && (p.name = g, p.value = a || ""), t("div", { key: "e9cb00b9e653f6a29ef2f128289234d3c965a0df", class: v("utrecht-form-field", "utrecht-form-field--textbox", {
|
|
710
710
|
"utrecht-form-field--invalid": n
|
|
711
|
-
}) }, t("p", { key: "
|
|
711
|
+
}) }, t("p", { key: "c208aa999af784794f3ea1681a2da9568811632a", class: "utrecht-form-field__label" }, t("label", { key: "5c11a65bb000ecc3170c2ef256cfb7bcb11b22bc", class: v("utrecht-form-label", {
|
|
712
712
|
"utrecht-form-label--disabled": o
|
|
713
|
-
}), htmlFor: "input" }, s, t("slot", { key: "
|
|
713
|
+
}), htmlFor: "input" }, s, t("slot", { key: "78a552675351e2aee44ca08ad57d03cf38ffefe2", name: "label" }))), t("utrecht-form-field-description", { key: "cea5b31b3e2e59d5ab6fdb2cfa707af7dc393c68", id: "description" }, t("slot", { key: "96a9f15cd6ba6b2c65dfbbeee365df86d3d926a4", name: "description" })), n && t("utrecht-form-field-description", { key: "c507621e8483d8865aa514bc45c434f61b7fbfe7", status: "invalid", class: "utrecht-form-field__error-message", id: "error-message" }, t("slot", { key: "fcae39db5748f81b8ff5e864732942d00c17d390", name: "error-message" })), t("p", { key: "aeae8e40e523872e01d2e0e696638a3f1b772e2a", class: "utrecht-form-field__input" }, t("input", { key: "0d244ad6f672fc711ac7473106ac89a1913bbd4a", id: "input", class: v("utrecht-form-field__input", "utrecht-textbox", "utrecht-textbox--html-input", o && "utrecht-textbox--disabled", n && "utrecht-textbox--invalid", _ && "utrecht-textbox--readonly"), type: C || "text", autoComplete: r || null, "aria-describedby": v("description", "status", { "error-message": n }), "aria-invalid": n, dir: "auto", disabled: o, min: typeof i == "number" ? String(i) : typeof i == "string" ? i : null, max: typeof h == "number" ? String(h) : typeof h == "string" ? h : null, pattern: l || null, placeholder: f || null, readonly: _, required: b, value: a, onBlur: (d) => this.utrechtBlur.emit(d), onChange: (d) => this.utrechtChange.emit(d), onFocus: (d) => this.utrechtFocus.emit(d), onInput: (d) => {
|
|
714
714
|
this.value = d.target.value, this.utrechtInput.emit(d);
|
|
715
|
-
} })), t("div", { key: "
|
|
715
|
+
} })), t("div", { key: "a66bf9644c67cefad3a320fa9a748b651377d713", class: "utrecht-form-field__status", id: "status" }, t("div", { key: "f3fdc3c3835d4281f7ddbad7107524aae85d3838", class: "utrecht-form-field-description utrecht-form-field-description--status" }, t("slot", { key: "e579bc13bb6539395759a9d439a77bbcb3e6dd83", name: "status" }))));
|
|
716
716
|
}
|
|
717
717
|
get hostElement() {
|
|
718
|
-
return
|
|
718
|
+
return z(this);
|
|
719
719
|
}
|
|
720
720
|
};
|
|
721
721
|
At.style = qt;
|
|
@@ -801,7 +801,7 @@ const hr = ".utrecht-iban-data{font-variant-numeric:lining-nums slashed-zero tab
|
|
|
801
801
|
}
|
|
802
802
|
};
|
|
803
803
|
fr.style = sr;
|
|
804
|
-
const
|
|
804
|
+
const gr = ":host{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-color);display:inline-block;font-size:var(--utrecht-icon-size);inline-size:var(--utrecht-icon-size);inset-block-start:var(--utrecht-icon-inset-block-start, 0);position:relative}::slotted(svg){height:100%;pointer-events:none;width:100%}", pr = gr, Cr = class {
|
|
805
805
|
constructor(r) {
|
|
806
806
|
e(this, r);
|
|
807
807
|
}
|
|
@@ -809,16 +809,16 @@ const pr = ":host{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-c
|
|
|
809
809
|
return t(Z, { key: "3cef7e220df7712ec00401ff92c32fd68f96651a", "aria-hidden": "true" }, t("slot", { key: "ad5f84a3a8e69dcfaef8c434d32f3b3c6e74355c" }));
|
|
810
810
|
}
|
|
811
811
|
};
|
|
812
|
-
Cr.style =
|
|
812
|
+
Cr.style = pr;
|
|
813
813
|
const kr = `.utrecht-link{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em);color:var(--_utrecht-link-state-color, var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color)))}.utrecht-link:any-link{--_utrecht-link-forced-colors-color:linktext;text-decoration-color:var(--_utrecht-link-state-text-decoration-color, var(--utrecht-link-text-decoration-color, currentColor));text-decoration-line:var(--_utrecht-link-state-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip-ink:all;text-decoration-thickness:max(var(--_utrecht-link-state-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--visited{--_utrecht-link-forced-colors-color:visitedtext;--_utrecht-link-state-color:var(--utrecht-link-visited-color)}.utrecht-link--html-a:any-link:hover,.utrecht-link--hover{--_utrecht-link-forced-colors-color:linktext;--_utrecht-link-state-color:var(--utrecht-link-hover-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-hover-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-hover-text-decoration-thickness);text-decoration-skip:none;text-decoration-skip-ink:none}.utrecht-link--focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);background-color:var(--utrecht-link-focus-background-color, transparent);text-decoration-skip:none;text-decoration-skip-ink:none}.utrecht-link--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
814
|
-
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);--_utrecht-link-state-text-decoration:var(
|
|
814
|
+
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1;--_utrecht-link-state-text-decoration:var(
|
|
815
815
|
--utrecht-link-focus-visible-text-decoration,
|
|
816
816
|
var(--utrecht-link-focus-text-decoration)
|
|
817
817
|
);--_utrecht-link-state-text-decoration-thickness:var(
|
|
818
818
|
--utrecht-link-focus-visible-text-decoration-thickness,
|
|
819
819
|
var(--utrecht-link-focus-text-decoration-thickness)
|
|
820
820
|
);z-index:var(--utrecht-stack-focus-z-index, 1)}.utrecht-link--html-span:focus-visible,.utrecht-link--html-a:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
821
|
-
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);--_utrecht-link-state-text-decoration:var(
|
|
821
|
+
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1;--_utrecht-link-state-text-decoration:var(
|
|
822
822
|
--utrecht-link-focus-visible-text-decoration,
|
|
823
823
|
var(--utrecht-link-focus-text-decoration)
|
|
824
824
|
);--_utrecht-link-state-text-decoration-thickness:var(
|
|
@@ -834,7 +834,7 @@ const kr = `.utrecht-link{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em)
|
|
|
834
834
|
};
|
|
835
835
|
xr.style = mr;
|
|
836
836
|
const _r = `.utrecht-link-button{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em);color:var(--_utrecht-link-state-color, var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color)));--_utrecht-link-forced-colors-color:linktext;text-decoration-color:var(--_utrecht-link-state-text-decoration-color, var(--utrecht-link-text-decoration-color, currentColor));text-decoration-line:var(--_utrecht-link-state-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip-ink:all;text-decoration-thickness:max(var(--_utrecht-link-state-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset);--utrecht-icon-size:var(--utrecht-button-icon-size, 1em);align-items:center;cursor:pointer;display:inline-flex;font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);gap:var(--utrecht-button-icon-gap);inline-size:var(--utrecht-button-inline-size, auto);justify-content:center;line-height:inherit;min-block-size:var(--utrecht-button-min-block-size, 44px);min-inline-size:var(--utrecht-button-min-inline-size, 44px);padding-block-end:var(--utrecht-button-padding-block-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-inline-start:var(--utrecht-button-padding-inline-start);text-transform:var(--utrecht-button-text-transform);-webkit-user-select:none;user-select:none}.utrecht-link-button--hover,.utrecht-link-button--html-button:not(:disabled):hover{--_utrecht-link-forced-colors-color:linktext;--_utrecht-link-state-color:var(--utrecht-link-hover-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-hover-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-hover-text-decoration-thickness);text-decoration-skip:none;text-decoration-skip-ink:none}.utrecht-link-button--disabled{--_utrecht-link-forced-colors-color:GrayText;--_utrecht-link-state-color:var(--utrecht-link-placeholder-color);cursor:var(--utrecht-action-disabled-cursor, not-allowed);font-weight:var(--utrecht-link-placeholder-font-weight);text-decoration-line:none}.utrecht-link-button--focus,.utrecht-link-button--html-button:not(:disabled):focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);background-color:var(--utrecht-link-focus-background-color, transparent);text-decoration-skip:none;text-decoration-skip-ink:none}.utrecht-link-button--focus-visible,.utrecht-link-button--html-button:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
837
|
-
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);--_utrecht-link-state-text-decoration:var(
|
|
837
|
+
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1;--_utrecht-link-state-text-decoration:var(
|
|
838
838
|
--utrecht-link-focus-visible-text-decoration,
|
|
839
839
|
var(--utrecht-link-focus-text-decoration)
|
|
840
840
|
);--_utrecht-link-state-text-decoration-thickness:var(
|
|
@@ -845,24 +845,24 @@ const _r = `.utrecht-link-button{--utrecht-icon-size:var(--utrecht-link-icon-siz
|
|
|
845
845
|
e(this, r), this.disabled = void 0, this.type = void 0, this.inline = void 0, this.pressed = void 0, this.form = void 0, this.formAction = void 0, this.formEnctype = void 0, this.formMethod = void 0, this.formNoValidate = void 0, this.formTarget = void 0, this.popoverTarget = void 0, this.popoverTargetAction = void 0, this.name = void 0, this.value = void 0;
|
|
846
846
|
}
|
|
847
847
|
render() {
|
|
848
|
-
const { hostElement: r, name: o, value: c, form: n, formAction: s, formEnctype: i, formTarget: h, formNoValidate:
|
|
848
|
+
const { hostElement: r, name: o, value: c, form: n, formAction: s, formEnctype: i, formTarget: h, formNoValidate: g, formMethod: l, popoverTargetAction: f, popoverTarget: _, type: b } = this, C = () => {
|
|
849
849
|
const w = this.hostElement.querySelector("button[hidden]");
|
|
850
850
|
w && w.click();
|
|
851
851
|
};
|
|
852
852
|
let a = r.querySelector("button[hidden]");
|
|
853
|
-
const
|
|
854
|
-
a && !
|
|
855
|
-
const d = (w, u,
|
|
856
|
-
typeof
|
|
853
|
+
const p = !!(o || n || h || i || l || g || _ || f || b === "submit");
|
|
854
|
+
a && !p && a.parentNode.removeChild(a), !a && p && (a = r.ownerDocument.createElement("button"), a.hidden = !0, a.tabIndex = -1, a.ariaHidden = "true", r.appendChild(a));
|
|
855
|
+
const d = (w, u, L) => {
|
|
856
|
+
typeof L == "string" ? w.setAttribute(u, L) : w.removeAttribute(u);
|
|
857
857
|
};
|
|
858
|
-
return a && (d(a, "name", o), d(a, "type", b), d(a, "form", n), d(a, "formaction", s), d(a, "form", n), d(a, "formtarget", h), d(a, "formenctype", i), d(a, "formmethod", l), d(a, "formnovalidate",
|
|
858
|
+
return a && (d(a, "name", o), d(a, "type", b), d(a, "form", n), d(a, "formaction", s), d(a, "form", n), d(a, "formtarget", h), d(a, "formenctype", i), d(a, "formmethod", l), d(a, "formnovalidate", g ? "" : null), d(a, "popovertargetaction", f), d(a, "popovertarget", _), d(a, "type", b), a.style.display = "none", a.value = c || ""), t("button", { key: "3a2ca4f411a068a50118b396e6a905f845bd6e1a", class: v("utrecht-link-button", "utrecht-link-button--html-button", this.disabled && "utrecht-link-button--disabled", this.inline && "utrecht-link-button--inline", this.pressed && "utrecht-link-button--pressed"), disabled: this.disabled, "aria-pressed": typeof this.pressed == "boolean" ? this.pressed : void 0, type: this.type || "button", onClick: C }, t("slot", { key: "780cc0214c508f6c3ae9182f4685ffcf579c07aa" }));
|
|
859
859
|
}
|
|
860
860
|
get hostElement() {
|
|
861
|
-
return
|
|
861
|
+
return z(this);
|
|
862
862
|
}
|
|
863
863
|
};
|
|
864
864
|
wr.style = yr;
|
|
865
|
-
const
|
|
865
|
+
const zr = ":host{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;display:block;max-block-size:var(--utrecht-logo-max-block-size, 192px);max-inline-size:var(--utrecht-logo-max-inline-size, 96px);min-block-size:var(--utrecht-logo-min-block-size);min-inline-size:var(--utrecht-logo-min-inline-size)}:host([hidden]){display:none !important}::slotted(*){block-size:100%;display:inline-block;inline-size:auto}", Lr = zr, Hr = class {
|
|
866
866
|
constructor(r) {
|
|
867
867
|
e(this, r);
|
|
868
868
|
}
|
|
@@ -870,7 +870,7 @@ const Lr = ":host{display:block;max-block-size:var(--utrecht-logo-max-block-size
|
|
|
870
870
|
return t("slot", { key: "9a3c2a30610cefbdae09cc552760d8c5693c6157" });
|
|
871
871
|
}
|
|
872
872
|
};
|
|
873
|
-
Hr.style =
|
|
873
|
+
Hr.style = Lr;
|
|
874
874
|
const Mr = ".utrecht-logo-image__decoration-1{fill:var(--utrecht-logo-decoration-1-color, #fff)}.utrecht-logo-image__decoration-2{fill:var(--utrecht-logo-decoration-2-color, #c00)}.utrecht-logo-image__decoration-3{fill:var(--utrecht-logo-decoration-3-color, #ffb70b)}:host{display:inline}:host([hidden]){display:none !important}", Vr = Mr, Zr = class {
|
|
875
875
|
constructor(r) {
|
|
876
876
|
e(this, r);
|
|
@@ -902,30 +902,30 @@ const Fr = ".utrecht-number-data{font-variant-numeric:lining-nums tabular-nums}.
|
|
|
902
902
|
}
|
|
903
903
|
};
|
|
904
904
|
Er.style = Tr;
|
|
905
|
-
const
|
|
905
|
+
const Ir = ".utrecht-page{margin-inline-end:auto;margin-inline-start:auto;max-inline-size:calc(var(--utrecht-page-max-inline-size) - var(--utrecht-page-margin-inline-start, 0px) - var(--utrecht-page-margin-inline-end, 0px));padding-inline-end:var(--utrecht-page-margin-inline-end);padding-inline-start:var(--utrecht-page-margin-inline-start)}.utrecht-page__content{background-color:var(--utrecht-page-background-color);color:var(--utrecht-page-color);max-inline-size:var(--utrecht-page-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}", Dr = Ir, qr = class {
|
|
906
906
|
constructor(r) {
|
|
907
907
|
e(this, r);
|
|
908
908
|
}
|
|
909
909
|
render() {
|
|
910
|
-
return t("div", { key: "
|
|
910
|
+
return t("div", { key: "dfd6b04d6292b02ab73a79a91690cf52a332ed89", class: "utrecht-page" }, t("div", { key: "b68d106357699b60205197cfd6ea572c2bc50bee", class: "utrecht-page__content" }, t("slot", { key: "80c728be91f04ee533398ef6c3a24f52ffa61459" })));
|
|
911
911
|
}
|
|
912
912
|
};
|
|
913
|
-
qr.style =
|
|
913
|
+
qr.style = Dr;
|
|
914
914
|
const Ar = ".utrecht-page-content{padding-block-end:var(--utrecht-page-content-padding-block-end);padding-block-start:var(--utrecht-page-content-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}.utrecht-page-content__main{grid-area:main}.utrecht-page-content__aside{grid-area:aside}:host{display:block}:host([hidden]){display:none !important}", jr = Ar, Nr = class {
|
|
915
915
|
constructor(r) {
|
|
916
916
|
e(this, r);
|
|
917
917
|
}
|
|
918
918
|
render() {
|
|
919
|
-
return t("div", { key: "
|
|
919
|
+
return t("div", { key: "1a544340314ac03c06d0ddc9176363b93a79bbce", class: "utrecht-page-content" }, t("main", { key: "7aab3888c2eb26cc865e2d27712f91be92df7838", class: "utrecht-page-content__main" }, t("slot", { key: "4449e35db0f5b2fc1af025c99a2842110bf390b5" })));
|
|
920
920
|
}
|
|
921
921
|
};
|
|
922
922
|
Nr.style = jr;
|
|
923
|
-
const Rr = '.utrecht-page-header{background-color:var(--utrecht-page-header-background-color);color:var(--utrecht-page-header-color);grid-area:"utrecht-header";padding-block-end:var(--utrecht-page-header-padding-block-end);padding-block-start:var(--utrecht-page-header-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}.utrecht-page-header__content{max-inline-size:var(--utrecht-page-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}', Pr = Rr, Gr = class {
|
|
923
|
+
const Rr = '.utrecht-page-header{background-color:var(--utrecht-page-header-background-color);border-block-end-color:var(--utrecht-page-header-border-block-end-color, currentColor);border-block-end-style:solid;border-block-end-width:var(--utrecht-page-header-border-block-end-width, 0);box-sizing:border-box;color:var(--utrecht-page-header-color);display:grid;grid-area:"utrecht-header";inline-size:100%;padding-block-end:var(--utrecht-page-header-padding-block-end);padding-block-start:var(--utrecht-page-header-padding-block-start);padding-inline-end:var(--utrecht-page-padding-inline-end);padding-inline-start:var(--utrecht-page-padding-inline-start)}.utrecht-page-header__content{background-color:var(--utrecht-page-header-content-background-color);box-sizing:border-box;color:var(--utrecht-page-header-content-color);inline-size:100%;justify-self:center;max-inline-size:var(--utrecht-page-header-content-max-inline-size);padding-block-end:var(--utrecht-page-header-content-padding-block-end);padding-block-start:var(--utrecht-page-header-content-padding-block-start);padding-inline:var(--utrecht-page-header-content-padding-inline)}:host{display:block}:host([hidden]){display:none !important}', Pr = Rr, Gr = class {
|
|
924
924
|
constructor(r) {
|
|
925
925
|
e(this, r);
|
|
926
926
|
}
|
|
927
927
|
render() {
|
|
928
|
-
return t("header", { key: "
|
|
928
|
+
return t("header", { key: "b850a8740065aac4aa5911ca74dd510ad6ac57fb", class: "utrecht-page-header" }, t("div", { key: "ca061a599843606a1cec5c31e8a88380f4182306", class: "utrecht-page-header__content" }, t("slot", { key: "0faa6eafc7184921ee4331fdc09af3232fc8bb33" })));
|
|
929
929
|
}
|
|
930
930
|
};
|
|
931
931
|
Gr.style = Pr;
|
|
@@ -957,8 +957,8 @@ const Xr = ".utrecht-separator{border-color:var(--utrecht-separator-color);borde
|
|
|
957
957
|
};
|
|
958
958
|
te.style = Yr;
|
|
959
959
|
const re = `.utrecht-skip-link{align-items:center;background-color:var(--utrecht-skip-link-background-color, ButtonFace);box-sizing:border-box;color:var(--utrecht-skip-link-color, ButtonText);display:inline-flex;justify-content:center;min-block-size:var(--utrecht-skip-link-min-block-size, 44px);min-inline-size:var(--utrecht-skip-link-min-inline-size, 44px);padding-block-end:var(--utrecht-skip-link-padding-block-end);padding-block-start:var(--utrecht-skip-link-padding-block-start);padding-inline-end:var(--utrecht-skip-link-padding-inline-end);padding-inline-start:var(--utrecht-skip-link-padding-inline-start);text-decoration:var(--utrecht-skip-link-text-decoration)}.utrecht-skip-link--hidden{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible-on-focus{inset-block-start:-200%;position:fixed}.utrecht-skip-link--visible-on-focus:focus{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset, 0);inset-inline-start:var(--_utrecht-skip-link-inset, 0);position:fixed;z-index:var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--visible{--_utrecht-skip-link-inset:calc(var(--utrecht-focus-outline-width, 0px) + var(--utrecht-focus-outline-offset, 0px));inset-block-start:var(--_utrecht-skip-link-inset, 0);inset-inline-start:var(--_utrecht-skip-link-inset, 0);position:fixed;z-index:var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index))}.utrecht-skip-link--focus{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
960
|
-
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);text-decoration:var(--utrecht-skip-link-focus-visible-text-decoration, var(--utrecht-skip-link-focus-text-decoration))}.utrecht-skip-link--focus-visible,.utrecht-skip-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
961
|
-
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);text-decoration:var(--utrecht-skip-link-focus-visible-text-decoration, var(--utrecht-skip-link-focus-text-decoration))}:host{display:inline-flex}:host([hidden]){display:none !important}`, ee = re, oe = class {
|
|
960
|
+
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1;text-decoration:var(--utrecht-skip-link-focus-visible-text-decoration, var(--utrecht-skip-link-focus-text-decoration))}.utrecht-skip-link--focus-visible,.utrecht-skip-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
961
|
+
var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1;text-decoration:var(--utrecht-skip-link-focus-visible-text-decoration, var(--utrecht-skip-link-focus-text-decoration))}:host{display:inline-flex}:host([hidden]){display:none !important}`, ee = re, oe = class {
|
|
962
962
|
constructor(r) {
|
|
963
963
|
e(this, r), this.href = void 0;
|
|
964
964
|
}
|
|
@@ -989,23 +989,23 @@ export {
|
|
|
989
989
|
U as utrecht_alert,
|
|
990
990
|
E as utrecht_article,
|
|
991
991
|
q as utrecht_badge_counter,
|
|
992
|
-
N as
|
|
993
|
-
G as
|
|
994
|
-
$ as
|
|
995
|
-
Q as
|
|
996
|
-
tt as
|
|
997
|
-
ot as
|
|
998
|
-
nt as
|
|
999
|
-
lt as
|
|
1000
|
-
st as
|
|
992
|
+
N as utrecht_badge_list,
|
|
993
|
+
G as utrecht_badge_status,
|
|
994
|
+
$ as utrecht_button,
|
|
995
|
+
Q as utrecht_button_group,
|
|
996
|
+
tt as utrecht_button_link,
|
|
997
|
+
ot as utrecht_code,
|
|
998
|
+
nt as utrecht_code_block,
|
|
999
|
+
lt as utrecht_color_sample,
|
|
1000
|
+
st as utrecht_data_badge,
|
|
1001
1001
|
ft as utrecht_document,
|
|
1002
1002
|
Ct as utrecht_drawer,
|
|
1003
1003
|
xt as utrecht_emphasis,
|
|
1004
|
-
|
|
1004
|
+
zt as utrecht_flex_wrap_fallback,
|
|
1005
1005
|
Mt as utrecht_form,
|
|
1006
1006
|
St as utrecht_form_field_checkbox,
|
|
1007
1007
|
Ft as utrecht_form_field_description,
|
|
1008
|
-
|
|
1008
|
+
It as utrecht_form_field_textarea,
|
|
1009
1009
|
At as utrecht_form_field_textbox,
|
|
1010
1010
|
Rt as utrecht_heading,
|
|
1011
1011
|
Ot as utrecht_heading_1,
|