@utrecht/web-component-library-vue 1.0.2 → 1.0.3-alpha.1
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/LICENSE.txt +287 -0
- package/dist/index-e3447263.mjs +2416 -0
- package/dist/{utrecht-alert_46.entry-2f75de19.mjs → utrecht-alert_46.entry-5052137c.mjs} +128 -115
- package/dist/{utrecht-backdrop.entry-aeb6b9ef.mjs → utrecht-backdrop.entry-26e9a48e.mjs} +1 -1
- package/dist/{utrecht-breadcrumb-nav.entry-444013cb.mjs → utrecht-breadcrumb-nav.entry-28225484.mjs} +1 -1
- package/dist/{utrecht-checkbox.entry-57e5c17d.mjs → utrecht-checkbox.entry-a55cb511.mjs} +1 -1
- package/dist/{utrecht-column-layout.entry-6372d1d2.mjs → utrecht-column-layout.entry-46a46bdc.mjs} +1 -1
- package/dist/{utrecht-contact-card-template.entry-e23ae06f.mjs → utrecht-contact-card-template.entry-e0ae072c.mjs} +1 -1
- package/dist/{utrecht-custom-checkbox.entry-0ce39709.mjs → utrecht-custom-checkbox.entry-9bc9b38b.mjs} +1 -1
- package/dist/{utrecht-data-list-actions.entry-31c89cb4.mjs → utrecht-data-list-actions.entry-73ef3c5f.mjs} +1 -1
- package/dist/{utrecht-data-list-item.entry-f9b35594.mjs → utrecht-data-list-item.entry-377a0d3c.mjs} +2 -2
- package/dist/{utrecht-data-list-key.entry-c36b6b47.mjs → utrecht-data-list-key.entry-6b91a926.mjs} +1 -1
- package/dist/{utrecht-data-list-value.entry-312ab555.mjs → utrecht-data-list-value.entry-d5c1bd00.mjs} +1 -1
- package/dist/{utrecht-data-list.entry-4ea8385d.mjs → utrecht-data-list.entry-f1125672.mjs} +1 -1
- package/dist/{utrecht-digid-button.entry-920dfef0.mjs → utrecht-digid-button.entry-7b562375.mjs} +1 -1
- package/dist/{utrecht-digid-logo.entry-eeeabc4a.mjs → utrecht-digid-logo.entry-a54a3015.mjs} +1 -1
- package/dist/{utrecht-eherkenning-logo.entry-1048ef42.mjs → utrecht-eherkenning-logo.entry-962ffbde.mjs} +1 -1
- package/dist/{utrecht-eidas-logo.entry-38137607.mjs → utrecht-eidas-logo.entry-4cb26e8c.mjs} +1 -1
- package/dist/{utrecht-form-field-error-message.entry-49be64b4.mjs → utrecht-form-field-error-message.entry-3f489e43.mjs} +1 -1
- package/dist/{utrecht-form-toggle.entry-e7baa898.mjs → utrecht-form-toggle.entry-d97c6ee5.mjs} +1 -1
- package/dist/{utrecht-html-content.entry-062ec62b.mjs → utrecht-html-content.entry-83c8001a.mjs} +1 -1
- package/dist/{utrecht-icon-afspraak-maken.entry-4b47baee.mjs → utrecht-icon-afspraak-maken.entry-e2ac8524.mjs} +2 -2
- package/dist/{utrecht-icon-afval-container.entry-cb0ce968.mjs → utrecht-icon-afval-container.entry-d929a506.mjs} +2 -2
- package/dist/{utrecht-icon-afval-containerpas.entry-bf27eded.mjs → utrecht-icon-afval-containerpas.entry-81abc835.mjs} +2 -2
- package/dist/{utrecht-icon-afval-kalender.entry-aad74afb.mjs → utrecht-icon-afval-kalender.entry-5af9fd49.mjs} +2 -2
- package/dist/{utrecht-icon-afval-pmd.entry-8513b101.mjs → utrecht-icon-afval-pmd.entry-7ec38313.mjs} +2 -2
- package/dist/{utrecht-icon-afval-scheiden.entry-378ddf20.mjs → utrecht-icon-afval-scheiden.entry-5f344f3f.mjs} +2 -2
- package/dist/{utrecht-icon-afval.entry-7c35f289.mjs → utrecht-icon-afval.entry-0a54d149.mjs} +1 -1
- package/dist/{utrecht-icon-afvalkalender.entry-0a81a89d.mjs → utrecht-icon-afvalkalender.entry-bfd2ea9c.mjs} +2 -2
- package/dist/{utrecht-icon-alleen.entry-a223454c.mjs → utrecht-icon-alleen.entry-0db7e912.mjs} +1 -1
- package/dist/{utrecht-icon-arrow.entry-62d50a05.mjs → utrecht-icon-arrow.entry-9274204d.mjs} +2 -2
- package/dist/{utrecht-icon-auto.entry-eb5edf3a.mjs → utrecht-icon-auto.entry-4c74b2f2.mjs} +2 -2
- package/dist/{utrecht-icon-begroting.entry-2a85d408.mjs → utrecht-icon-begroting.entry-f1ce9e5a.mjs} +2 -2
- package/dist/{utrecht-icon-bestemmingsplan.entry-6a5c0a46.mjs → utrecht-icon-bestemmingsplan.entry-ca05edcb.mjs} +2 -2
- package/dist/{utrecht-icon-betaaldatum.entry-a616238c.mjs → utrecht-icon-betaaldatum.entry-3f53deaf.mjs} +2 -2
- package/dist/utrecht-icon-bewijsstukken.entry-c4157b82.mjs +14 -0
- package/dist/utrecht-icon-bijstand.entry-a57ef51e.mjs +14 -0
- package/dist/{utrecht-icon-blad.entry-5cb19005.mjs → utrecht-icon-blad.entry-6e2d08b2.mjs} +2 -2
- package/dist/utrecht-icon-bouwproject.entry-046908f1.mjs +14 -0
- package/dist/{utrecht-icon-brandgevaar.entry-9162f3ce.mjs → utrecht-icon-brandgevaar.entry-799426ae.mjs} +2 -2
- package/dist/utrecht-icon-brief-betalen.entry-0356f27e.mjs +14 -0
- package/dist/{utrecht-icon-checkmark.entry-7764e019.mjs → utrecht-icon-checkmark.entry-fa83de57.mjs} +2 -2
- package/dist/{utrecht-icon-chevron-down.entry-03999601.mjs → utrecht-icon-chevron-down.entry-3a0c1ab5.mjs} +1 -1
- package/dist/{utrecht-icon-chevron-left.entry-59f192ce.mjs → utrecht-icon-chevron-left.entry-89d95f21.mjs} +1 -1
- package/dist/{utrecht-icon-chevron-right.entry-283bc446.mjs → utrecht-icon-chevron-right.entry-6c52afcd.mjs} +2 -2
- package/dist/{utrecht-icon-chevron-up.entry-6485e2e9.mjs → utrecht-icon-chevron-up.entry-0b076802.mjs} +1 -1
- package/dist/{utrecht-icon-close.entry-397b56c0.mjs → utrecht-icon-close.entry-d871a12c.mjs} +2 -2
- package/dist/utrecht-icon-college-b-w.entry-6e281319.mjs +14 -0
- package/dist/{utrecht-icon-container-bio.entry-932a3e7d.mjs → utrecht-icon-container-bio.entry-72dd3d91.mjs} +2 -2
- package/dist/{utrecht-icon-container-glas.entry-9f1f32b9.mjs → utrecht-icon-container-glas.entry-f276124f.mjs} +2 -2
- package/dist/utrecht-icon-container-groenafval.entry-1902f7ab.mjs +14 -0
- package/dist/{utrecht-icon-container-met-zak.entry-574979bd.mjs → utrecht-icon-container-met-zak.entry-bd8dc0b0.mjs} +2 -2
- package/dist/{utrecht-icon-container-papier.entry-db233830.mjs → utrecht-icon-container-papier.entry-43a0c41f.mjs} +2 -2
- package/dist/utrecht-icon-container-pmd.entry-f966eb6f.mjs +14 -0
- package/dist/{utrecht-icon-container-restafval.entry-71339e15.mjs → utrecht-icon-container-restafval.entry-185ea2c0.mjs} +2 -2
- package/dist/{utrecht-icon-container-textiel.entry-24f8ad28.mjs → utrecht-icon-container-textiel.entry-d85fbd0b.mjs} +2 -2
- package/dist/{utrecht-icon-container.entry-ead53b67.mjs → utrecht-icon-container.entry-c9924fdc.mjs} +1 -1
- package/dist/{utrecht-icon-cross.entry-170dfa30.mjs → utrecht-icon-cross.entry-f16a4acf.mjs} +2 -2
- package/dist/{utrecht-icon-dakloos.entry-46c34801.mjs → utrecht-icon-dakloos.entry-88982cb7.mjs} +1 -1
- package/dist/{utrecht-icon-dementie.entry-4c308263.mjs → utrecht-icon-dementie.entry-32406ef8.mjs} +2 -2
- package/dist/utrecht-icon-documenten.entry-8d5ffb2b.mjs +14 -0
- package/dist/utrecht-icon-duurzaam.entry-0a40e4d9.mjs +14 -0
- package/dist/utrecht-icon-eenzaamheid.entry-0bb3fdae.mjs +14 -0
- package/dist/utrecht-icon-eikenprocessie.entry-441a2922.mjs +14 -0
- package/dist/utrecht-icon-elektrisch-rijden.entry-903d4c79.mjs +14 -0
- package/dist/{utrecht-icon-energie-vergoeding.entry-6f08a9f3.mjs → utrecht-icon-energie-vergoeding.entry-39723491.mjs} +2 -2
- package/dist/{utrecht-icon-energietransitie.entry-f0e75917.mjs → utrecht-icon-energietransitie.entry-c13a3aeb.mjs} +2 -2
- package/dist/utrecht-icon-error.entry-87335fcb.mjs +14 -0
- package/dist/{utrecht-icon-evenementen.entry-0b48de7a.mjs → utrecht-icon-evenementen.entry-b854e786.mjs} +2 -2
- package/dist/{utrecht-icon-facebook.entry-9da7aa55.mjs → utrecht-icon-facebook.entry-a19540fe.mjs} +2 -2
- package/dist/{utrecht-icon-fiets.entry-3ef6a828.mjs → utrecht-icon-fiets.entry-77bd9d5d.mjs} +2 -2
- package/dist/{utrecht-icon-filter.entry-5040fbdd.mjs → utrecht-icon-filter.entry-f048f76d.mjs} +1 -1
- package/dist/{utrecht-icon-geboorte.entry-aea6acdd.mjs → utrecht-icon-geboorte.entry-145ecbd1.mjs} +2 -2
- package/dist/{utrecht-icon-gebruiker-centraal.entry-45f4f0f7.mjs → utrecht-icon-gebruiker-centraal.entry-6eea4356.mjs} +2 -2
- package/dist/{utrecht-icon-gebruiker-ingelogd.entry-539cd3bd.mjs → utrecht-icon-gebruiker-ingelogd.entry-9d4b3885.mjs} +2 -2
- package/dist/{utrecht-icon-gegevenswoordenboek.entry-22378522.mjs → utrecht-icon-gegevenswoordenboek.entry-2693050d.mjs} +2 -2
- package/dist/{utrecht-icon-geluid.entry-023e3422.mjs → utrecht-icon-geluid.entry-a657c174.mjs} +2 -2
- package/dist/{utrecht-icon-gemeente-locatie.entry-47c19a49.mjs → utrecht-icon-gemeente-locatie.entry-c2bac69d.mjs} +2 -2
- package/dist/utrecht-icon-gemeenteraad.entry-521f2b80.mjs +14 -0
- package/dist/{utrecht-icon-gereedschap.entry-8215ffc8.mjs → utrecht-icon-gereedschap.entry-0343b3c8.mjs} +2 -2
- package/dist/{utrecht-icon-gezicht.entry-f3f3157a.mjs → utrecht-icon-gezicht.entry-5a54f033.mjs} +2 -2
- package/dist/{utrecht-icon-gezin.entry-3ad0d2b9.mjs → utrecht-icon-gezin.entry-25f4f15d.mjs} +2 -2
- package/dist/{utrecht-icon-glas-afval.entry-2fd1ab64.mjs → utrecht-icon-glas-afval.entry-e3f20443.mjs} +2 -2
- package/dist/{utrecht-icon-glijbaan.entry-e4ee1b53.mjs → utrecht-icon-glijbaan.entry-e17fcf80.mjs} +2 -2
- package/dist/{utrecht-icon-grafiek.entry-40c13cda.mjs → utrecht-icon-grafiek.entry-576a750f.mjs} +2 -2
- package/dist/utrecht-icon-grofvuil-ophalen.entry-c49bdcd2.mjs +14 -0
- package/dist/{utrecht-icon-grofvuil.entry-4c419c54.mjs → utrecht-icon-grofvuil.entry-131bf03c.mjs} +2 -2
- package/dist/{utrecht-icon-hamburger-menu.entry-62ae7ca8.mjs → utrecht-icon-hamburger-menu.entry-3fb03521.mjs} +2 -2
- package/dist/{utrecht-icon-herdenking.entry-30056307.mjs → utrecht-icon-herdenking.entry-df6d8f15.mjs} +5 -5
- package/dist/utrecht-icon-hondenbelasting.entry-cc0b8a11.mjs +14 -0
- package/dist/{utrecht-icon-horeca.entry-ee2a1e6c.mjs → utrecht-icon-horeca.entry-4926dc83.mjs} +2 -2
- package/dist/{utrecht-icon-horecavergunning.entry-67f9cc02.mjs → utrecht-icon-horecavergunning.entry-2c7806f6.mjs} +1 -1
- package/dist/{utrecht-icon-huis-en-omgeving.entry-03590484.mjs → utrecht-icon-huis-en-omgeving.entry-1167dacb.mjs} +2 -2
- package/dist/{utrecht-icon-huis.entry-06eb92c7.mjs → utrecht-icon-huis.entry-96a6c89f.mjs} +2 -2
- package/dist/{utrecht-icon-huishoudelijk-geweld.entry-1707e615.mjs → utrecht-icon-huishoudelijk-geweld.entry-259f7844.mjs} +2 -2
- package/dist/utrecht-icon-hulp-huishouden.entry-71c854e5.mjs +14 -0
- package/dist/{utrecht-icon-hulp-vervoer.entry-b14613df.mjs → utrecht-icon-hulp-vervoer.entry-f8f4811b.mjs} +2 -2
- package/dist/{utrecht-icon-hulp-zorg.entry-33f118b9.mjs → utrecht-icon-hulp-zorg.entry-72593123.mjs} +2 -2
- package/dist/{utrecht-icon-hulpmiddelen-gezin.entry-6bab489c.mjs → utrecht-icon-hulpmiddelen-gezin.entry-f9420ad8.mjs} +2 -2
- package/dist/{utrecht-icon-hulpverlening.entry-bbee387c.mjs → utrecht-icon-hulpverlening.entry-05fc8ab1.mjs} +1 -1
- package/dist/utrecht-icon-idee.entry-c2d72437.mjs +14 -0
- package/dist/{utrecht-icon-informatie.entry-44951031.mjs → utrecht-icon-informatie.entry-4c6728c5.mjs} +2 -2
- package/dist/{utrecht-icon-information.entry-071a1568.mjs → utrecht-icon-information.entry-c390bd40.mjs} +2 -2
- package/dist/{utrecht-icon-innovatie.entry-7d9568ad.mjs → utrecht-icon-innovatie.entry-39a1863b.mjs} +2 -2
- package/dist/{utrecht-icon-inspraak-inwoners.entry-7490cdda.mjs → utrecht-icon-inspraak-inwoners.entry-4ca585a5.mjs} +2 -2
- package/dist/{utrecht-icon-instagram.entry-e4561bad.mjs → utrecht-icon-instagram.entry-b313d437.mjs} +2 -2
- package/dist/{utrecht-icon-kalender.entry-e6bd7c55.mjs → utrecht-icon-kalender.entry-50ce7729.mjs} +1 -1
- package/dist/utrecht-icon-kennis.entry-c87c643f.mjs +14 -0
- package/dist/{utrecht-icon-kerstbomen.entry-658de78f.mjs → utrecht-icon-kerstbomen.entry-282232f0.mjs} +2 -2
- package/dist/utrecht-icon-klachten.entry-f16fa19c.mjs +14 -0
- package/dist/{utrecht-icon-kroon.entry-d17ed733.mjs → utrecht-icon-kroon.entry-44d441ed.mjs} +2 -2
- package/dist/utrecht-icon-laadpaal.entry-ee97f57e.mjs +14 -0
- package/dist/utrecht-icon-language.entry-163e419a.mjs +14 -0
- package/dist/{utrecht-icon-lantaarnpaal-oud.entry-df12ecd4.mjs → utrecht-icon-lantaarnpaal-oud.entry-dd2026b5.mjs} +2 -2
- package/dist/{utrecht-icon-lantaarnpaal.entry-2e40d5f4.mjs → utrecht-icon-lantaarnpaal.entry-652a08de.mjs} +2 -2
- package/dist/utrecht-icon-leren.entry-6d8d4344.mjs +14 -0
- package/dist/{utrecht-icon-let-op.entry-70c45fa5.mjs → utrecht-icon-let-op.entry-7cfae37e.mjs} +2 -2
- package/dist/{utrecht-icon-linkedin.entry-c5bffd03.mjs → utrecht-icon-linkedin.entry-4a53382d.mjs} +2 -2
- package/dist/{utrecht-icon-list-check.entry-d4ed5f6b.mjs → utrecht-icon-list-check.entry-7ba46e0b.mjs} +2 -2
- package/dist/{utrecht-icon-list-number.entry-0dbd63c7.mjs → utrecht-icon-list-number.entry-24eea85e.mjs} +2 -2
- package/dist/{utrecht-icon-list.entry-37cbc080.mjs → utrecht-icon-list.entry-05c5bf99.mjs} +2 -2
- package/dist/{utrecht-icon-loupe.entry-9743152c.mjs → utrecht-icon-loupe.entry-a3a83317.mjs} +2 -2
- package/dist/{utrecht-icon-markt.entry-a7f55000.mjs → utrecht-icon-markt.entry-0b314b3f.mjs} +2 -2
- package/dist/{utrecht-icon-melding-boom.entry-d661afaa.mjs → utrecht-icon-melding-boom.entry-9c606648.mjs} +2 -2
- package/dist/{utrecht-icon-melding-klacht.entry-7df8faf9.mjs → utrecht-icon-melding-klacht.entry-0bd676da.mjs} +2 -2
- package/dist/{utrecht-icon-melding-openbareruimte.entry-76b4017d.mjs → utrecht-icon-melding-openbareruimte.entry-4c7e12b8.mjs} +2 -2
- package/dist/utrecht-icon-melding-verlichting.entry-993018a0.mjs +14 -0
- package/dist/{utrecht-icon-melding.entry-10221e2e.mjs → utrecht-icon-melding.entry-10109446.mjs} +2 -2
- package/dist/{utrecht-icon-menselijk.entry-a8190306.mjs → utrecht-icon-menselijk.entry-2d470f58.mjs} +2 -2
- package/dist/{utrecht-icon-menu-dot-open.entry-48ff6371.mjs → utrecht-icon-menu-dot-open.entry-5cbd87c7.mjs} +2 -2
- package/dist/{utrecht-icon-menu-dot.entry-f103b59f.mjs → utrecht-icon-menu-dot.entry-a016f370.mjs} +1 -1
- package/dist/{utrecht-icon-meterkast.entry-1daf0940.mjs → utrecht-icon-meterkast.entry-ecf307a7.mjs} +2 -2
- package/dist/{utrecht-icon-milieu-ontheffing.entry-928d4c84.mjs → utrecht-icon-milieu-ontheffing.entry-9e987e30.mjs} +2 -2
- package/dist/{utrecht-icon-milieu-zone.entry-c457552c.mjs → utrecht-icon-milieu-zone.entry-cf87b12f.mjs} +2 -2
- package/dist/{utrecht-icon-minus-vertical.entry-83985ff8.mjs → utrecht-icon-minus-vertical.entry-7f0182b6.mjs} +2 -2
- package/dist/{utrecht-icon-minus.entry-ee2b5175.mjs → utrecht-icon-minus.entry-1f524d3b.mjs} +2 -2
- package/dist/utrecht-icon-mobiliteit.entry-bcdf4754.mjs +14 -0
- package/dist/{utrecht-icon-natuur.entry-a8fae239.mjs → utrecht-icon-natuur.entry-e23459ab.mjs} +2 -2
- package/dist/{utrecht-icon-nieuw-huis.entry-a35831e9.mjs → utrecht-icon-nieuw-huis.entry-9431f581.mjs} +1 -1
- package/dist/utrecht-icon-nummerbord.entry-98b8600e.mjs +14 -0
- package/dist/{utrecht-icon-om-het-huis.entry-112d13d9.mjs → utrecht-icon-om-het-huis.entry-5d700f16.mjs} +2 -2
- package/dist/utrecht-icon-omgeving.entry-83c11315.mjs +14 -0
- package/dist/{utrecht-icon-omgevingsvisie.entry-283cab4a.mjs → utrecht-icon-omgevingsvisie.entry-8424ace6.mjs} +2 -2
- package/dist/utrecht-icon-omgevingswet.entry-199b0538.mjs +14 -0
- package/dist/{utrecht-icon-onderhoud.entry-43957baa.mjs → utrecht-icon-onderhoud.entry-512db4d4.mjs} +2 -2
- package/dist/utrecht-icon-ondernemen.entry-e5690343.mjs +14 -0
- package/dist/utrecht-icon-openingstijden.entry-be4b2c67.mjs +14 -0
- package/dist/{utrecht-icon-over-de-stad.entry-35c5692e.mjs → utrecht-icon-over-de-stad.entry-f3c4b0c0.mjs} +2 -2
- package/dist/utrecht-icon-overlijden.entry-af945414.mjs +14 -0
- package/dist/utrecht-icon-panden.entry-77a2714d.mjs +14 -0
- package/dist/{utrecht-icon-park.entry-d3c739d2.mjs → utrecht-icon-park.entry-454fd335.mjs} +2 -2
- package/dist/utrecht-icon-parkeerkaart.entry-40b767a3.mjs +14 -0
- package/dist/{utrecht-icon-parkeervergunning.entry-27d89123.mjs → utrecht-icon-parkeervergunning.entry-9e45a998.mjs} +2 -2
- package/dist/{utrecht-icon-parken.entry-3771ef39.mjs → utrecht-icon-parken.entry-d71456cb.mjs} +2 -2
- package/dist/{utrecht-icon-parkeren-bedrijven.entry-e525676b.mjs → utrecht-icon-parkeren-bedrijven.entry-3cbb7b2e.mjs} +2 -2
- package/dist/utrecht-icon-parkeren-betaalautomaat.entry-390d6da3.mjs +14 -0
- package/dist/{utrecht-icon-parkeren-betalen.entry-b28e7715.mjs → utrecht-icon-parkeren-betalen.entry-491366d5.mjs} +2 -2
- package/dist/{utrecht-icon-parkeren.entry-a2d143d6.mjs → utrecht-icon-parkeren.entry-7bfcb1da.mjs} +2 -2
- package/dist/{utrecht-icon-participatie-campagne.entry-072bcfcb.mjs → utrecht-icon-participatie-campagne.entry-6a1faa46.mjs} +2 -2
- package/dist/{utrecht-icon-participatie-like.entry-5e5f01be.mjs → utrecht-icon-participatie-like.entry-b2fdd0a1.mjs} +2 -2
- package/dist/{utrecht-icon-participatie-pitch.entry-791d1611.mjs → utrecht-icon-participatie-pitch.entry-e0ebd3da.mjs} +1 -1
- package/dist/{utrecht-icon-paspoort.entry-6c5b7c6e.mjs → utrecht-icon-paspoort.entry-2bee46dc.mjs} +2 -2
- package/dist/{utrecht-icon-presentatie.entry-da7cf6f0.mjs → utrecht-icon-presentatie.entry-202f8d36.mjs} +2 -2
- package/dist/{utrecht-icon-prijskaartje.entry-b3e240c2.mjs → utrecht-icon-prijskaartje.entry-9766ab92.mjs} +2 -2
- package/dist/utrecht-icon-read-aloud.entry-7abeebe3.mjs +14 -0
- package/dist/utrecht-icon-rijbewijs.entry-7f62c8b5.mjs +14 -0
- package/dist/{utrecht-icon-rioolheffing.entry-385a918e.mjs → utrecht-icon-rioolheffing.entry-4ec78627.mjs} +2 -2
- package/dist/{utrecht-icon-rolstoel.entry-74ed05e4.mjs → utrecht-icon-rolstoel.entry-7fd375d9.mjs} +2 -2
- package/dist/{utrecht-icon-schild-gemeente-utrecht.entry-8247bbe8.mjs → utrecht-icon-schild-gemeente-utrecht.entry-4796aa05.mjs} +2 -2
- package/dist/{utrecht-icon-search.entry-289d79bb.mjs → utrecht-icon-search.entry-594a51ab.mjs} +2 -2
- package/dist/{utrecht-icon-shoppen.entry-81bd41c8.mjs → utrecht-icon-shoppen.entry-c11ec912.mjs} +2 -2
- package/dist/utrecht-icon-sinterklaas.entry-57118a02.mjs +14 -0
- package/dist/utrecht-icon-slechtziende-hoordende.entry-462b5464.mjs +14 -0
- package/dist/utrecht-icon-sport-en-cultuur.entry-40dab07d.mjs +14 -0
- package/dist/utrecht-icon-sport-voetbal.entry-28961155.mjs +14 -0
- package/dist/utrecht-icon-sport.entry-d6bc7f68.mjs +14 -0
- package/dist/{utrecht-icon-stookverbod.entry-a2e2e77b.mjs → utrecht-icon-stookverbod.entry-7d85bc7f.mjs} +2 -2
- package/dist/utrecht-icon-strand.entry-cf751b7e.mjs +14 -0
- package/dist/utrecht-icon-strooien.entry-5ae547b7.mjs +14 -0
- package/dist/utrecht-icon-subsidie-gezin.entry-ab09c58c.mjs +14 -0
- package/dist/utrecht-icon-subsidie.entry-a63944c8.mjs +14 -0
- package/dist/{utrecht-icon-t-shirt.entry-66bb396f.mjs → utrecht-icon-t-shirt.entry-a32c935d.mjs} +1 -1
- package/dist/{utrecht-icon-thuiswerken.entry-b4a18390.mjs → utrecht-icon-thuiswerken.entry-da79b712.mjs} +2 -2
- package/dist/{utrecht-icon-toeslag.entry-13d80eb0.mjs → utrecht-icon-toeslag.entry-1a7287b3.mjs} +2 -2
- package/dist/utrecht-icon-trein.entry-0c0f72c2.mjs +14 -0
- package/dist/{utrecht-icon-trouwen.entry-0265f1a8.mjs → utrecht-icon-trouwen.entry-9522f9e9.mjs} +2 -2
- package/dist/{utrecht-icon-twitter.entry-2d857033.mjs → utrecht-icon-twitter.entry-9012384d.mjs} +1 -1
- package/dist/{utrecht-icon-user.entry-a6787e0f.mjs → utrecht-icon-user.entry-a7d61cec.mjs} +2 -2
- package/dist/utrecht-icon-uw-wijk.entry-c0bfcb7b.mjs +14 -0
- package/dist/{utrecht-icon-vaccinatie.entry-c0c9d498.mjs → utrecht-icon-vaccinatie.entry-745572f5.mjs} +1 -1
- package/dist/{utrecht-icon-veilige-wijk.entry-d68ee475.mjs → utrecht-icon-veilige-wijk.entry-bbc00a8c.mjs} +2 -2
- package/dist/utrecht-icon-vergaderen.entry-5f141c93.mjs +14 -0
- package/dist/{utrecht-icon-vergaderendigitaal.entry-7722e3bf.mjs → utrecht-icon-vergaderendigitaal.entry-ea80083d.mjs} +2 -2
- package/dist/utrecht-icon-vergoeding.entry-bf1e31d0.mjs +14 -0
- package/dist/utrecht-icon-verhuizen.entry-45b4e90f.mjs +14 -0
- package/dist/{utrecht-icon-verkeerslicht.entry-fb6e5158.mjs → utrecht-icon-verkeerslicht.entry-f7d287df.mjs} +2 -2
- package/dist/{utrecht-icon-verkiezingen.entry-37cb5e9e.mjs → utrecht-icon-verkiezingen.entry-dc01874b.mjs} +2 -2
- package/dist/utrecht-icon-verslaving.entry-3c7341ac.mjs +14 -0
- package/dist/{utrecht-icon-vervoersvoorziening.entry-a88d6a27.mjs → utrecht-icon-vervoersvoorziening.entry-7ab9e1f9.mjs} +2 -2
- package/dist/{utrecht-icon-virus.entry-bbad5b5a.mjs → utrecht-icon-virus.entry-7393d84b.mjs} +2 -2
- package/dist/utrecht-icon-vluchtelingen.entry-b9005708.mjs +14 -0
- package/dist/utrecht-icon-voorzieningen-vervoer.entry-fc464410.mjs +14 -0
- package/dist/{utrecht-icon-vrijwilligerswerk.entry-3f0531af.mjs → utrecht-icon-vrijwilligerswerk.entry-2ded4136.mjs} +1 -1
- package/dist/{utrecht-icon-vuilnisbak.entry-7b5660bd.mjs → utrecht-icon-vuilnisbak.entry-6fba5a0a.mjs} +2 -2
- package/dist/utrecht-icon-vuilniszak.entry-fe4a3f0f.mjs +14 -0
- package/dist/{utrecht-icon-vuurwerk.entry-1bfc7cce.mjs → utrecht-icon-vuurwerk.entry-66581e3d.mjs} +2 -2
- package/dist/{utrecht-icon-wandelstok.entry-e0db4c1a.mjs → utrecht-icon-wandelstok.entry-ae5085b8.mjs} +2 -2
- package/dist/{utrecht-icon-warm.entry-dd5a43a3.mjs → utrecht-icon-warm.entry-a497e160.mjs} +2 -2
- package/dist/{utrecht-icon-warning.entry-6559af1d.mjs → utrecht-icon-warning.entry-b7ab8a1a.mjs} +2 -2
- package/dist/{utrecht-icon-werken.entry-1455b871.mjs → utrecht-icon-werken.entry-c5772358.mjs} +2 -2
- package/dist/utrecht-icon-werkzaamheden.entry-1c14e98e.mjs +14 -0
- package/dist/{utrecht-icon-whatsapp.entry-38d7149e.mjs → utrecht-icon-whatsapp.entry-d812e89b.mjs} +1 -1
- package/dist/{utrecht-icon-wonen-kosten.entry-611e2b2d.mjs → utrecht-icon-wonen-kosten.entry-94eb306f.mjs} +2 -2
- package/dist/{utrecht-icon-woning-zoeken.entry-081f5bf4.mjs → utrecht-icon-woning-zoeken.entry-80995ced.mjs} +2 -2
- package/dist/{utrecht-icon-x.entry-54792d08.mjs → utrecht-icon-x.entry-12856d58.mjs} +1 -1
- package/dist/{utrecht-icon-youtube.entry-3e51fb8a.mjs → utrecht-icon-youtube.entry-012f1294.mjs} +2 -2
- package/dist/utrecht-icon-zelfstandig-wonen.entry-af719ff4.mjs +14 -0
- package/dist/{utrecht-icon-zoom-minus.entry-460166b2.mjs → utrecht-icon-zoom-minus.entry-1eddb75d.mjs} +2 -2
- package/dist/{utrecht-icon-zoom-plus.entry-b9a61819.mjs → utrecht-icon-zoom-plus.entry-f8e2c0a1.mjs} +1 -1
- package/dist/{utrecht-icon-zoomin.entry-96eb0725.mjs → utrecht-icon-zoomin.entry-2d8c4a18.mjs} +2 -2
- package/dist/{utrecht-icon-zoomout.entry-aaf79119.mjs → utrecht-icon-zoomout.entry-cad57414.mjs} +2 -2
- package/dist/{utrecht-icon-zorg-huis.entry-ad984efe.mjs → utrecht-icon-zorg-huis.entry-c7c9de60.mjs} +2 -2
- package/dist/{utrecht-icon-zweefpaal.entry-1f05acbe.mjs → utrecht-icon-zweefpaal.entry-daa58c31.mjs} +2 -2
- package/dist/utrecht-icon-zwemmen.entry-c6e92b7d.mjs +14 -0
- package/dist/{utrecht-logo-button.entry-ac9174e4.mjs → utrecht-logo-button.entry-07eb8722.mjs} +1 -1
- package/dist/{utrecht-map-marker.entry-704960cf.mjs → utrecht-map-marker.entry-24aad64e.mjs} +1 -1
- package/dist/{utrecht-multiline-data.entry-44d33a2c.mjs → utrecht-multiline-data.entry-848e7f2e.mjs} +1 -1
- package/dist/{utrecht-page-footer.entry-c5487e07.mjs → utrecht-page-footer.entry-37f62b52.mjs} +1 -1
- package/dist/{utrecht-pagination.entry-ecac6895.mjs → utrecht-pagination.entry-8a3a755d.mjs} +1 -1
- package/dist/utrecht-progress-list-item.entry-3293b52a.mjs +26 -0
- package/dist/utrecht-progress-list.entry-dad7fdf6.mjs +14 -0
- package/dist/utrecht-progress-sublist-item.entry-fa2e37a7.mjs +21 -0
- package/dist/{utrecht-sidenav.entry-945fb380.mjs → utrecht-sidenav.entry-b14e9ff3.mjs} +1 -1
- package/dist/{utrecht-surface.entry-aa6ec455.mjs → utrecht-surface.entry-ed31e130.mjs} +1 -1
- package/dist/{utrecht-table-body.entry-037294b1.mjs → utrecht-table-body.entry-933d62ff.mjs} +1 -1
- package/dist/{utrecht-table-caption.entry-493f6b40.mjs → utrecht-table-caption.entry-8676b302.mjs} +1 -1
- package/dist/{utrecht-table-cell.entry-ffd405e6.mjs → utrecht-table-cell.entry-1ba773e9.mjs} +1 -1
- package/dist/{utrecht-table-footer.entry-c7998ad9.mjs → utrecht-table-footer.entry-6cd97a65.mjs} +1 -1
- package/dist/{utrecht-table-header-cell.entry-efe39272.mjs → utrecht-table-header-cell.entry-76ac8710.mjs} +1 -1
- package/dist/{utrecht-table-header.entry-2a25c73d.mjs → utrecht-table-header.entry-fb044f28.mjs} +1 -1
- package/dist/{utrecht-table-row.entry-64a48581.mjs → utrecht-table-row.entry-db04ff43.mjs} +1 -1
- package/dist/{utrecht-table.entry-df0a47de.mjs → utrecht-table.entry-c3e68359.mjs} +1 -1
- package/dist/{utrecht-textarea.entry-f1f4fcf7.mjs → utrecht-textarea.entry-0d2d46b5.mjs} +2 -2
- package/dist/{utrecht-textbox.entry-a1b26d66.mjs → utrecht-textbox.entry-dbdee129.mjs} +4 -4
- package/dist/vue-component-lib/utils.d.ts +1 -3
- package/dist/web-component-library-vue.es.js +1 -1
- package/dist/web-component-library-vue.umd.js +29 -29
- package/package.json +12 -13
- package/dist/index-898219f7.mjs +0 -2370
- package/dist/utrecht-icon-bewijsstukken.entry-0e4b8bd1.mjs +0 -14
- package/dist/utrecht-icon-bijstand.entry-2eb848fc.mjs +0 -14
- package/dist/utrecht-icon-bouwproject.entry-08c11bcb.mjs +0 -14
- package/dist/utrecht-icon-brief-betalen.entry-9dbe2eac.mjs +0 -14
- package/dist/utrecht-icon-college-b-w.entry-155f137b.mjs +0 -14
- package/dist/utrecht-icon-container-groenafval.entry-a1396c43.mjs +0 -14
- package/dist/utrecht-icon-container-pmd.entry-de7bb3e1.mjs +0 -14
- package/dist/utrecht-icon-documenten.entry-26816b86.mjs +0 -14
- package/dist/utrecht-icon-duurzaam.entry-fc7873f0.mjs +0 -14
- package/dist/utrecht-icon-eenzaamheid.entry-323051d4.mjs +0 -14
- package/dist/utrecht-icon-eikenprocessie.entry-19a485a5.mjs +0 -14
- package/dist/utrecht-icon-elektrisch-rijden.entry-a9179995.mjs +0 -14
- package/dist/utrecht-icon-error.entry-e4428841.mjs +0 -14
- package/dist/utrecht-icon-gemeenteraad.entry-780d2138.mjs +0 -14
- package/dist/utrecht-icon-grofvuil-ophalen.entry-1b0cc171.mjs +0 -14
- package/dist/utrecht-icon-hondenbelasting.entry-9d5ec885.mjs +0 -14
- package/dist/utrecht-icon-hulp-huishouden.entry-e1e75fa7.mjs +0 -14
- package/dist/utrecht-icon-idee.entry-dbc59596.mjs +0 -14
- package/dist/utrecht-icon-kennis.entry-b451eb64.mjs +0 -14
- package/dist/utrecht-icon-klachten.entry-b7bb3b00.mjs +0 -14
- package/dist/utrecht-icon-laadpaal.entry-72d355f6.mjs +0 -14
- package/dist/utrecht-icon-language.entry-822f1651.mjs +0 -14
- package/dist/utrecht-icon-leren.entry-e99143c0.mjs +0 -14
- package/dist/utrecht-icon-melding-verlichting.entry-afad0b1b.mjs +0 -14
- package/dist/utrecht-icon-mobiliteit.entry-14b80ae9.mjs +0 -14
- package/dist/utrecht-icon-nummerbord.entry-941b7d12.mjs +0 -14
- package/dist/utrecht-icon-omgeving.entry-d21d88fd.mjs +0 -14
- package/dist/utrecht-icon-omgevingswet.entry-4e830e35.mjs +0 -14
- package/dist/utrecht-icon-ondernemen.entry-6e40618c.mjs +0 -14
- package/dist/utrecht-icon-openingstijden.entry-87ccdffd.mjs +0 -14
- package/dist/utrecht-icon-overlijden.entry-17539946.mjs +0 -14
- package/dist/utrecht-icon-panden.entry-00ce5906.mjs +0 -14
- package/dist/utrecht-icon-parkeerkaart.entry-4dee3644.mjs +0 -14
- package/dist/utrecht-icon-parkeren-betaalautomaat.entry-63e3cf6e.mjs +0 -14
- package/dist/utrecht-icon-read-aloud.entry-fd092a9c.mjs +0 -14
- package/dist/utrecht-icon-rijbewijs.entry-79e2211a.mjs +0 -14
- package/dist/utrecht-icon-sinterklaas.entry-f0af45c3.mjs +0 -14
- package/dist/utrecht-icon-slechtziende-hoordende.entry-fe9d98c8.mjs +0 -14
- package/dist/utrecht-icon-sport-en-cultuur.entry-db8c42d8.mjs +0 -14
- package/dist/utrecht-icon-sport-voetbal.entry-4b072c43.mjs +0 -14
- package/dist/utrecht-icon-sport.entry-443fc412.mjs +0 -14
- package/dist/utrecht-icon-strand.entry-76767c73.mjs +0 -14
- package/dist/utrecht-icon-strooien.entry-a17cf6a9.mjs +0 -14
- package/dist/utrecht-icon-subsidie-gezin.entry-fb84387e.mjs +0 -14
- package/dist/utrecht-icon-subsidie.entry-d0af27a2.mjs +0 -14
- package/dist/utrecht-icon-trein.entry-fab1b478.mjs +0 -14
- package/dist/utrecht-icon-uw-wijk.entry-20f38b68.mjs +0 -14
- package/dist/utrecht-icon-vergaderen.entry-a6d92270.mjs +0 -14
- package/dist/utrecht-icon-vergoeding.entry-a68410ab.mjs +0 -14
- package/dist/utrecht-icon-verhuizen.entry-8eb7f4bc.mjs +0 -14
- package/dist/utrecht-icon-verslaving.entry-3a02eedb.mjs +0 -14
- package/dist/utrecht-icon-vluchtelingen.entry-c1964129.mjs +0 -14
- package/dist/utrecht-icon-voorzieningen-vervoer.entry-7c852395.mjs +0 -14
- package/dist/utrecht-icon-vuilniszak.entry-87ea6cd4.mjs +0 -14
- package/dist/utrecht-icon-werkzaamheden.entry-7f11a999.mjs +0 -14
- package/dist/utrecht-icon-zelfstandig-wonen.entry-77a3e3c2.mjs +0 -14
- package/dist/utrecht-icon-zwemmen.entry-1d0b7155.mjs +0 -14
- package/dist/utrecht-progress-list-item.entry-e4a26328.mjs +0 -26
- package/dist/utrecht-progress-list.entry-26820c6b.mjs +0 -14
- package/dist/utrecht-progress-sublist-item.entry-763480af.mjs +0 -21
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { r as e, h as t, c as
|
|
2
|
-
import { c as
|
|
1
|
+
import { r as e, h as t, c as m, g as L, H as Z } from "./index-e3447263.mjs";
|
|
2
|
+
import { c as v } from "./clsx.m-9f200cc0-0d472180.mjs";
|
|
3
3
|
import "vue";
|
|
4
|
-
const B = '.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));display:grid;gap:var(--utrecht-alert-icon-gap);grid-template-areas:"icon message";grid-template-columns:0fr 100fr;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));grid-area:icon}.utrecht-alert__message{grid-area:message}.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}',
|
|
4
|
+
const B = '.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));display:grid;gap:var(--utrecht-alert-icon-gap);grid-template-areas:"icon message";grid-template-columns:0fr 100fr;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));grid-area:icon}.utrecht-alert__message{grid-area:message}.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}', T = class {
|
|
5
5
|
constructor(r) {
|
|
6
6
|
e(this, r), this.type = void 0;
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return t("div", { class:
|
|
9
|
+
return t("div", { class: v("utrecht-alert", {
|
|
10
10
|
"utrecht-alert--error": this.type === "error",
|
|
11
11
|
"utrecht-alert--info": this.type === "info",
|
|
12
12
|
"utrecht-alert--ok": this.type === "ok",
|
|
@@ -14,8 +14,8 @@ const B = '.utrecht-alert{background-color:var(--_utrecht-alert-background-color
|
|
|
14
14
|
}) }, t("div", { class: "utrecht-alert__icon" }, t("slot", { name: "icon" })), t("div", { class: "utrecht-alert__message" }, t("slot", null)));
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
|
-
|
|
18
|
-
const
|
|
17
|
+
T.style = B;
|
|
18
|
+
const E = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}:host{display:block}:host([hidden]){display:none !important}", F = class {
|
|
19
19
|
constructor(r) {
|
|
20
20
|
e(this, r);
|
|
21
21
|
}
|
|
@@ -23,18 +23,18 @@ const T = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-siz
|
|
|
23
23
|
return t("article", { class: "utrecht-article" }, t("slot", null));
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
|
-
|
|
26
|
+
F.style = E;
|
|
27
27
|
const S = ".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-document-font-family, sans-serif);font-size:var(--utrecht-badge-counter-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-size, 1em);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}", 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
|
}
|
|
31
31
|
render() {
|
|
32
|
-
const { locale: r, max: o, value: c } = this,
|
|
32
|
+
const { locale: r, max: o, value: c } = this, n = typeof o == "number" && typeof c == "number" && Number(c) > Number(o), s = (d) => r ? Intl.NumberFormat(r).format(d) : String(d), i = n ? `${s(o)}+` : typeof c == "number" ? s(c) : "";
|
|
33
33
|
return t("div", { class: "utrecht-badge-counter" }, i || t("slot", null));
|
|
34
34
|
}
|
|
35
35
|
};
|
|
36
36
|
q.style = S;
|
|
37
|
-
const I = ".utrecht-badge-data{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-data-letter-spacing, inherit);text-transform:var(--utrecht-badge-data-text-transform, inherit)}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-badge-data{border-color:currentColor;border-style:solid;border-width:1px}}:host{display:inline-block}:host([hidden]){display:none !important}",
|
|
37
|
+
const I = ".utrecht-badge-data{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-data-letter-spacing, inherit);text-transform:var(--utrecht-badge-data-text-transform, inherit)}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-badge-data{border-color:currentColor;border-style:solid;border-width:1px}}:host{display:inline-block}:host([hidden]){display:none !important}", A = class {
|
|
38
38
|
constructor(r) {
|
|
39
39
|
e(this, r);
|
|
40
40
|
}
|
|
@@ -42,8 +42,8 @@ const I = ".utrecht-badge-data{background-color:var(--utrecht-badge-background-c
|
|
|
42
42
|
return t("div", { class: "utrecht-badge-data" }, t("slot", null));
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
|
-
|
|
46
|
-
const
|
|
45
|
+
A.style = I;
|
|
46
|
+
const j = ".utrecht-badge-list{display:flex;flex-wrap:wrap;gap:var(--utrecht-badge-list-item-margin-block) var(--utrecht-badge-list-item-margin-inline)}:host{display:block}:host([hidden]){display:none !important}", D = class {
|
|
47
47
|
constructor(r) {
|
|
48
48
|
e(this, r);
|
|
49
49
|
}
|
|
@@ -51,8 +51,8 @@ const D = ".utrecht-badge-list{display:flex;flex-wrap:wrap;gap:var(--utrecht-bad
|
|
|
51
51
|
return t("div", { class: "utrecht-badge-list" }, t("slot", null));
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
|
-
|
|
55
|
-
const
|
|
54
|
+
D.style = j;
|
|
55
|
+
const N = ".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}", R = class {
|
|
56
56
|
constructor(r) {
|
|
57
57
|
e(this, r), this.status = void 0;
|
|
58
58
|
}
|
|
@@ -60,7 +60,7 @@ const A = ".utrecht-badge-status{background-color:var(--utrecht-badge-background
|
|
|
60
60
|
return t("div", { class: `utrecht-badge-status utrecht-badge-status--${this.status || "neutral"}` }, t("slot", null));
|
|
61
61
|
}
|
|
62
62
|
};
|
|
63
|
-
|
|
63
|
+
R.style = N;
|
|
64
64
|
const O = `.utrecht-button{--_utrecht-button-background-color:var(
|
|
65
65
|
--_utrecht-button-hint-background-color,
|
|
66
66
|
var(--_utrecht-button-appearance-background-color, var(--utrecht-button-background-color))
|
|
@@ -279,35 +279,35 @@ const O = `.utrecht-button{--_utrecht-button-background-color:var(
|
|
|
279
279
|
--utrecht-button-subtle-warning-pressed-background-color
|
|
280
280
|
);--_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}`, G = class {
|
|
281
281
|
constructor(r) {
|
|
282
|
-
e(this, r), this.utrechtRequestReset =
|
|
282
|
+
e(this, r), this.utrechtRequestReset = m(this, "utrechtRequestReset", 7), this.utrechtRequestSubmit = m(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;
|
|
283
283
|
}
|
|
284
284
|
render() {
|
|
285
285
|
const r = () => {
|
|
286
|
-
var
|
|
287
|
-
this.utrechtRequestReset.emit().defaultPrevented || (
|
|
286
|
+
var k, y;
|
|
287
|
+
this.utrechtRequestReset.emit().defaultPrevented || (y = (k = this.hostElement) === null || k === void 0 ? void 0 : k.closest("form")) === null || y === void 0 || y.reset();
|
|
288
288
|
}, o = () => {
|
|
289
|
-
var
|
|
290
|
-
this.utrechtRequestSubmit.emit().defaultPrevented || (
|
|
289
|
+
var k, y;
|
|
290
|
+
this.utrechtRequestSubmit.emit().defaultPrevented || (y = (k = this.hostElement) === null || k === void 0 ? void 0 : k.closest("form")) === null || y === void 0 || y.requestSubmit();
|
|
291
291
|
}, c = () => {
|
|
292
292
|
if (this.type === "reset")
|
|
293
293
|
r();
|
|
294
294
|
else if (this.type === "submit")
|
|
295
295
|
o();
|
|
296
296
|
else {
|
|
297
|
-
const
|
|
298
|
-
|
|
297
|
+
const k = this.hostElement.querySelector("button[hidden]");
|
|
298
|
+
k && k.click();
|
|
299
299
|
}
|
|
300
|
-
}, { hostElement:
|
|
301
|
-
let
|
|
302
|
-
const
|
|
303
|
-
|
|
304
|
-
const
|
|
305
|
-
typeof
|
|
300
|
+
}, { hostElement: n, expanded: s, pressed: i, name: d, value: p, form: l, formAction: C, formEnctype: _, formTarget: b, formNoValidate: f, formMethod: a, popoverTargetAction: g, popoverTarget: h, type: w } = this;
|
|
301
|
+
let u = n.querySelector("button[hidden]");
|
|
302
|
+
const z = !!(d || l || b || _ || a || f || h || g || w === "submit");
|
|
303
|
+
u && !z && u.parentNode.removeChild(u), !u && z && (u = n.ownerDocument.createElement("button"), u.hidden = !0, u.tabIndex = -1, u.ariaHidden = "true", n.appendChild(u));
|
|
304
|
+
const x = (k, y, H) => {
|
|
305
|
+
typeof H == "string" ? k.setAttribute(y, H) : k.removeAttribute(y);
|
|
306
306
|
};
|
|
307
|
-
return
|
|
307
|
+
return u && (x(u, "name", d), x(u, "type", w), x(u, "form", l), x(u, "formaction", C), x(u, "form", l), x(u, "formtarget", b), x(u, "formenctype", _), x(u, "formmethod", a), x(u, "formnovalidate", f ? "" : null), x(u, "popovertargetaction", g), x(u, "popovertarget", h), x(u, "type", w), u.style.display = "none", u.value = p || ""), t("button", { 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", null));
|
|
308
308
|
}
|
|
309
309
|
get hostElement() {
|
|
310
|
-
return
|
|
310
|
+
return L(this);
|
|
311
311
|
}
|
|
312
312
|
};
|
|
313
313
|
G.style = O;
|
|
@@ -317,7 +317,7 @@ const P = ".utrecht-button-group{align-items:baseline;background-color:var(--utr
|
|
|
317
317
|
}
|
|
318
318
|
render() {
|
|
319
319
|
const { direction: r } = this;
|
|
320
|
-
return t("div", { class:
|
|
320
|
+
return t("div", { class: v("utrecht-button-group", {
|
|
321
321
|
"utrecht-button-group--column": r === "column",
|
|
322
322
|
"utrecht-button-group--row": r === "row"
|
|
323
323
|
}) }, t("slot", null));
|
|
@@ -508,7 +508,7 @@ const $ = `.utrecht-button-link{--_utrecht-button-background-color:var(
|
|
|
508
508
|
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;
|
|
509
509
|
}
|
|
510
510
|
render() {
|
|
511
|
-
return t("a", { href: typeof this.href == "string" && !this.placeholder ? this.href : void 0, class:
|
|
511
|
+
return t("a", { 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", null));
|
|
512
512
|
}
|
|
513
513
|
};
|
|
514
514
|
U.style = $;
|
|
@@ -554,7 +554,7 @@ const ot = ".utrecht-drawer{--_utrecht-drawer-backdrop-min-size:max(var(--utrech
|
|
|
554
554
|
}
|
|
555
555
|
render() {
|
|
556
556
|
const { align: r, open: o } = this;
|
|
557
|
-
return t("dialog", { ref: (c) => this.dialogElement = c, class:
|
|
557
|
+
return t("dialog", { ref: (c) => this.dialogElement = c, class: v("utrecht-drawer", {
|
|
558
558
|
"utrecht-drawer--block-end": r === "block-end",
|
|
559
559
|
"utrecht-drawer--block-start": r === "block-start",
|
|
560
560
|
"utrecht-drawer--inline-end": r === "inline-end" || !r,
|
|
@@ -582,8 +582,8 @@ const at = ".utrecht-emphasis--stressed{font-style:var(--utrecht-emphasis-stress
|
|
|
582
582
|
nt.style = at;
|
|
583
583
|
const it = ":host{display:block}:host([hidden]){display:none !important}.utrecht-flex-wrap-fallback__content--hidden,.utrecht-flex-wrap-fallback__fallback--hidden{block-size:0;opacity:0%;outline:0;overflow:hidden;pointer-events:none;position:relative;user-select:none}", ut = (r) => {
|
|
584
584
|
var o;
|
|
585
|
-
const c = (o = r == null ? void 0 : r.ownerDocument) === null || o === void 0 ? void 0 : o.defaultView,
|
|
586
|
-
return
|
|
585
|
+
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);
|
|
586
|
+
return n && n.getPropertyValue("flex-wrap") === "wrap" && n.getPropertyValue("display") === "flex" ? r.firstElementChild.getBoundingClientRect().top !== r.lastElementChild.getBoundingClientRect().top : !1;
|
|
587
587
|
}, lt = class {
|
|
588
588
|
constructor(r) {
|
|
589
589
|
e(this, r), this.flexTarget = void 0, this.resizeObserver = void 0, this.contentWraps = void 0;
|
|
@@ -603,7 +603,7 @@ const it = ":host{display:block}:host([hidden]){display:none !important}.utrecht
|
|
|
603
603
|
return t("div", null, t("div", { id: "wrap", class: `utrecht-flex-wrap-fallback__content ${r ? "utrecht-flex-wrap-fallback__content--hidden" : ""}`, "data-inert": r, "aria-hidden": r }, t("slot", null)), t("div", { id: "nowrap", class: `utrecht-flex-wrap-fallback__fallback ${r ? "" : "utrecht-flex-wrap-fallback__fallback--hidden"}`, "data-inert": !r, hidden: !r }, t("slot", { name: "fallback" })));
|
|
604
604
|
}
|
|
605
605
|
get hostElement() {
|
|
606
|
-
return
|
|
606
|
+
return L(this);
|
|
607
607
|
}
|
|
608
608
|
};
|
|
609
609
|
lt.style = it;
|
|
@@ -612,39 +612,39 @@ const ht = ".utrecht-form{display:block;max-inline-size:var(--utrecht-form-max-i
|
|
|
612
612
|
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;
|
|
613
613
|
}
|
|
614
614
|
render() {
|
|
615
|
-
const { action: r, autocomplete: o, enctype: c, method:
|
|
616
|
-
const
|
|
617
|
-
return (
|
|
615
|
+
const { action: r, autocomplete: o, enctype: c, method: n, target: s, noValidate: i } = this, d = "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (p) => {
|
|
616
|
+
const l = parseInt(p, 10);
|
|
617
|
+
return (l ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> l / 4).toString(16);
|
|
618
618
|
});
|
|
619
|
-
return t("form", { action: r, "aria-labelledby": d, autocomplete: o, enctype: c, method:
|
|
619
|
+
return t("form", { action: r, "aria-labelledby": d, autocomplete: o, enctype: c, method: n, novalidate: i, target: s }, t("div", { class: "utrecht-form__heading", id: d }, t("slot", { name: "heading" })), t("slot", null));
|
|
620
620
|
}
|
|
621
621
|
};
|
|
622
622
|
dt.style = ht;
|
|
623
|
-
const st = `.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));max-inline-size:var(--utrecht-form-field-max-inline-size);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 description-invalid";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 description-invalid";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{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:description-invalid;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-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{cursor:var(--utrecht-action-disabled-cursor, revert);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.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);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)
|
|
623
|
+
const st = `.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));max-inline-size:var(--utrecht-form-field-max-inline-size);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 description-invalid";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 description-invalid";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:description-invalid;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-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{cursor:var(--utrecht-action-disabled-cursor, revert);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.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);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)
|
|
624
624
|
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{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
625
625
|
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:focus:not(:focus-visible){box-shadow:none;outline-style: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-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)
|
|
626
626
|
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)
|
|
627
627
|
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-custom-checkbox--html-input: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}`, bt = class {
|
|
628
628
|
constructor(r) {
|
|
629
|
-
e(this, r), this.utrechtBlur =
|
|
629
|
+
e(this, r), this.utrechtBlur = m(this, "utrechtBlur", 7), this.utrechtChange = m(this, "utrechtChange", 7), this.utrechtFocus = m(this, "utrechtFocus", 7), this.utrechtInput = m(this, "utrechtInput", 7), this.label = "", this.disabled = !1, this.checked = !1, this.invalid = !1, this.required = !1, this.name = "", this.value = "";
|
|
630
630
|
}
|
|
631
631
|
render() {
|
|
632
|
-
const { checked: r, disabled: o, hostElement: c, label:
|
|
633
|
-
let
|
|
634
|
-
return
|
|
632
|
+
const { checked: r, disabled: o, hostElement: c, label: n, name: s, invalid: i, required: d, value: p } = this;
|
|
633
|
+
let l = c.querySelector('input[type="hidden"]');
|
|
634
|
+
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 && p || ""), t("div", { class: v("utrecht-form-field", "utrecht-form-field--checkbox", {
|
|
635
635
|
"utrecht-form-field--invalid": i
|
|
636
|
-
}) }, t("p", { class: "utrecht-form-field__label utrecht-form-field__label--checkbox" }, t("label", { class:
|
|
636
|
+
}) }, t("p", { class: "utrecht-form-field__label utrecht-form-field__label--checkbox" }, t("label", { class: v("utrecht-form-label", {
|
|
637
637
|
"utrecht-form-label--disabled": o
|
|
638
|
-
}), htmlFor: "input" }, t("input", { id: "input", type: "checkbox", class:
|
|
638
|
+
}), htmlFor: "input" }, t("input", { id: "input", type: "checkbox", class: v("utrecht-form-field__input", "utrecht-checkbox", "utrecht-checkbox--custom", "utrecht-checkbox--html-input", {
|
|
639
639
|
"utrecht-checkbox--disabled": o,
|
|
640
640
|
"utrecht-checkbox--invalid": i,
|
|
641
641
|
"utrecht-checkbox--required": d
|
|
642
|
-
}), "aria-invalid": i || void 0, disabled: o, required: d, checked: r, value:
|
|
643
|
-
this.checked =
|
|
644
|
-
} }), " ",
|
|
642
|
+
}), "aria-invalid": i || void 0, disabled: o, required: d, checked: r, value: p, onBlur: (C) => this.utrechtBlur.emit(C), onChange: (C) => this.utrechtChange.emit(C), onFocus: (C) => this.utrechtFocus.emit(C), onInput: (C) => {
|
|
643
|
+
this.checked = C.target.checked, this.utrechtInput.emit(C);
|
|
644
|
+
} }), " ", n, t("slot", { name: "label" })), i && t("utrecht-form-field-description", { status: "invalid", class: "utrecht-form-field__description utrecht-form-field__description--invalid", id: "error-message" }, t("slot", { name: "error-message" }))), t("utrecht-form-field-description", { class: "utrecht-form-field__description", id: "description" }, t("slot", { name: "description" })), t("div", { class: "utrecht-form-field__status", id: "status" }, t("div", { class: "utrecht-form-field-description utrecht-form-field-description--status" }, t("slot", { name: "status" }))));
|
|
645
645
|
}
|
|
646
646
|
get hostElement() {
|
|
647
|
-
return
|
|
647
|
+
return L(this);
|
|
648
648
|
}
|
|
649
649
|
};
|
|
650
650
|
bt.style = st;
|
|
@@ -654,11 +654,11 @@ const vt = ".utrecht-form-field-description{--utrecht-document-color:currentColo
|
|
|
654
654
|
}
|
|
655
655
|
render() {
|
|
656
656
|
const { status: r } = this;
|
|
657
|
-
return t("div", { class:
|
|
657
|
+
return t("div", { class: v("utrecht-form-field-description", r === "valid" && "utrecht-form-field-description--valid", r === "invalid" && "utrecht-form-field-description--invalid") }, t("slot", null));
|
|
658
658
|
}
|
|
659
659
|
};
|
|
660
660
|
Ct.style = vt;
|
|
661
|
-
const
|
|
661
|
+
const pt = `.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));max-inline-size:var(--utrecht-form-field-max-inline-size);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 description-invalid";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 description-invalid";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:description-invalid;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-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{cursor:var(--utrecht-action-disabled-cursor, revert);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.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);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-bottom-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: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);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(
|
|
662
662
|
--utrecht-textarea-invalid-border-width,
|
|
663
663
|
var(
|
|
664
664
|
--utrecht-form-control-invalid-border-width,
|
|
@@ -672,27 +672,27 @@ const gt = `.utrecht-form-field{break-inside:avoid;font-family:var(--utrecht-doc
|
|
|
672
672
|
--utrecht-form-control-invalid-border-width,
|
|
673
673
|
var(--utrecht-textarea-border-width, var(--utrecht-form-control-border-width))
|
|
674
674
|
)
|
|
675
|
-
);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-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textarea-border-bottom-width, var(--utrecht-form-control-border-bottom-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}`, M = 20, V = 2,
|
|
675
|
+
);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-bottom-width, var(--utrecht-form-control-invalid-border-bottom-width, var(--utrecht-textarea-border-bottom-width, var(--utrecht-form-control-border-bottom-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}`, M = 20, V = 2, gt = class {
|
|
676
676
|
constructor(r) {
|
|
677
|
-
e(this, r), this.utrechtBlur =
|
|
677
|
+
e(this, r), this.utrechtBlur = m(this, "utrechtBlur", 7), this.utrechtChange = m(this, "utrechtChange", 7), this.utrechtFocus = m(this, "utrechtFocus", 7), this.utrechtInput = m(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 = "";
|
|
678
678
|
}
|
|
679
679
|
render() {
|
|
680
|
-
const { cols: r, disabled: o, hostElement: c, invalid:
|
|
680
|
+
const { cols: r, disabled: o, hostElement: c, invalid: n, label: s, name: i, placeholder: d, readOnly: p, required: l, rows: C, value: _ } = this;
|
|
681
681
|
let b = c.querySelector('input[type="hidden"]');
|
|
682
|
-
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", { class:
|
|
683
|
-
"utrecht-form-field--invalid":
|
|
684
|
-
}) }, t("p", { class: "utrecht-form-field__label" }, t("label", { class:
|
|
682
|
+
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", { class: v("utrecht-form-field", "utrecht-form-field--textbox", {
|
|
683
|
+
"utrecht-form-field--invalid": n
|
|
684
|
+
}) }, t("p", { class: "utrecht-form-field__label" }, t("label", { class: v("utrecht-form-label", {
|
|
685
685
|
"utrecht-form-label--disabled": o
|
|
686
|
-
}), htmlFor: "input" },
|
|
687
|
-
this.value =
|
|
688
|
-
} }, _)),
|
|
686
|
+
}), htmlFor: "input" }, s, t("slot", { name: "label" }))), t("utrecht-form-field-description", { id: "description" }, t("slot", { name: "description" })), n && t("utrecht-form-field-description", { status: "invalid", class: "utrecht-form-field__error-message", id: "error-message" }, t("slot", { name: "error-message" })), t("p", { class: "utrecht-form-field__input" }, t("textarea", { id: "input", class: v("utrecht-textarea", "utrecht-textarea--html-textarea", o && "utrecht-textarea--disabled", n && "utrecht-textarea--invalid", p && "utrecht-textarea--readonly"), "aria-invalid": n, cols: r !== M ? r : null, disabled: o, dir: "auto", placeholder: d || null, readonly: p, required: l, rows: C !== V ? C : null, onBlur: (f) => this.utrechtBlur.emit(f), onChange: (f) => this.utrechtChange.emit(f), onFocus: (f) => this.utrechtFocus.emit(f), onInput: (f) => {
|
|
687
|
+
this.value = f.target.value, this.utrechtInput.emit(f);
|
|
688
|
+
} }, _)), t("div", { class: "utrecht-form-field__status", id: "status" }, t("div", { class: "utrecht-form-field-description utrecht-form-field-description--status" }, t("slot", { name: "status" }))));
|
|
689
689
|
}
|
|
690
690
|
get hostElement() {
|
|
691
|
-
return
|
|
691
|
+
return L(this);
|
|
692
692
|
}
|
|
693
693
|
};
|
|
694
|
-
|
|
695
|
-
const ft = `.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));max-inline-size:var(--utrecht-form-field-max-inline-size);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 description-invalid";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 description-invalid";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{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:description-invalid;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-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{cursor:var(--utrecht-action-disabled-cursor, revert);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.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);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{background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:initial;inline-size:100%;line-height:var(--utrecht-textbox-line-height, var(--utrecht-form-control-line-height, initial));max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial))}.utrecht-textbox--invalid{--_utrecht-textbox-border-width:var(
|
|
694
|
+
gt.style = pt;
|
|
695
|
+
const ft = `.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));max-inline-size:var(--utrecht-form-field-max-inline-size);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 description-invalid";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 description-invalid";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:description-invalid;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-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{cursor:var(--utrecht-action-disabled-cursor, revert);font-weight:var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color))}.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);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{background-color:var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color));block-size:initial;border-width:var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width));border-block-end-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width, var(--utrecht-form-control-border-width)));border-color:var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color));border-radius:var(--utrecht-textbox-border-radius, var(--utrecht-form-control-border-radius, 0));border-style:solid;box-sizing:border-box;color:var(--utrecht-textbox-color, var(--utrecht-form-control-color));font-family:var(--utrecht-textbox-font-family, var(--utrecht-form-control-font-family));font-size:var(--utrecht-textbox-font-size, var(--utrecht-form-control-font-size, inherit));font-weight:initial;inline-size:100%;line-height:var(--utrecht-textbox-line-height, var(--utrecht-form-control-line-height, initial));max-inline-size:var(--utrecht-textbox-max-inline-size, var(--utrecht-form-control-max-inline-size));padding-block-end:var(--utrecht-textbox-padding-block-end, var(--utrecht-form-control-padding-block-end, 0));padding-block-start:var(--utrecht-textbox-padding-block-start, var(--utrecht-form-control-padding-block-start, 0));padding-inline-end:var(--utrecht-textbox-padding-inline-end, var(--utrecht-form-control-padding-inline-end, initial));padding-inline-start:var(--utrecht-textbox-padding-inline-start, var(--utrecht-form-control-padding-inline-start, initial))}.utrecht-textbox--invalid{--_utrecht-textbox-border-width:var(
|
|
696
696
|
--utrecht-textbox-invalid-border-width,
|
|
697
697
|
var(
|
|
698
698
|
--utrecht-form-control-invalid-border-width,
|
|
@@ -708,21 +708,21 @@ const ft = `.utrecht-form-field{break-inside:avoid;font-family:var(--utrecht-doc
|
|
|
708
708
|
)
|
|
709
709
|
);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-textarea-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-textarea-border-color, var(--utrecht-form-control-border-color))));color:var(--utrecht-textbox-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-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}`, mt = class {
|
|
710
710
|
constructor(r) {
|
|
711
|
-
e(this, r), this.utrechtBlur =
|
|
711
|
+
e(this, r), this.utrechtBlur = m(this, "utrechtBlur", 7), this.utrechtChange = m(this, "utrechtChange", 7), this.utrechtFocus = m(this, "utrechtFocus", 7), this.utrechtInput = m(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 = "";
|
|
712
712
|
}
|
|
713
713
|
render() {
|
|
714
|
-
const { autoComplete: r, disabled: o, hostElement: c, invalid:
|
|
715
|
-
let
|
|
716
|
-
return
|
|
717
|
-
"utrecht-form-field--invalid":
|
|
718
|
-
}) }, t("p", { class: "utrecht-form-field__label" }, t("label", { class:
|
|
714
|
+
const { autoComplete: r, disabled: o, hostElement: c, invalid: n, label: s, min: i, max: d, name: p, pattern: l, placeholder: C, readOnly: _, required: b, type: f, value: a } = this;
|
|
715
|
+
let g = c.querySelector('input[type="hidden"]');
|
|
716
|
+
return g && !p && g.parentNode.removeChild(g), !g && p && (g = c.ownerDocument.createElement("input"), g.type = "hidden", g.ariaHidden = "true", c.appendChild(g)), g && p && (g.name = p, g.value = a || ""), t("div", { class: v("utrecht-form-field", "utrecht-form-field--textbox", {
|
|
717
|
+
"utrecht-form-field--invalid": n
|
|
718
|
+
}) }, t("p", { class: "utrecht-form-field__label" }, t("label", { class: v("utrecht-form-label", {
|
|
719
719
|
"utrecht-form-label--disabled": o
|
|
720
|
-
}), htmlFor: "input" },
|
|
721
|
-
this.value =
|
|
722
|
-
} })),
|
|
720
|
+
}), htmlFor: "input" }, s, t("slot", { name: "label" }))), t("utrecht-form-field-description", { id: "description" }, t("slot", { name: "description" })), n && t("utrecht-form-field-description", { status: "invalid", class: "utrecht-form-field__error-message", id: "error-message" }, t("slot", { name: "error-message" })), t("p", { class: "utrecht-form-field__input" }, t("input", { 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: f || "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 d == "number" ? String(d) : typeof d == "string" ? d : null, pattern: l || null, placeholder: C || null, readonly: _, required: b, value: a, onBlur: (h) => this.utrechtBlur.emit(h), onChange: (h) => this.utrechtChange.emit(h), onFocus: (h) => this.utrechtFocus.emit(h), onInput: (h) => {
|
|
721
|
+
this.value = h.target.value, this.utrechtInput.emit(h);
|
|
722
|
+
} })), t("div", { class: "utrecht-form-field__status", id: "status" }, t("div", { class: "utrecht-form-field-description utrecht-form-field-description--status" }, t("slot", { name: "status" }))));
|
|
723
723
|
}
|
|
724
724
|
get hostElement() {
|
|
725
|
-
return
|
|
725
|
+
return L(this);
|
|
726
726
|
}
|
|
727
727
|
};
|
|
728
728
|
mt.style = ft;
|
|
@@ -735,80 +735,80 @@ const kt = ".utrecht-heading-1{break-inside:avoid-column;page-break-after:avoid;
|
|
|
735
735
|
}
|
|
736
736
|
};
|
|
737
737
|
xt.style = kt;
|
|
738
|
-
const _t = "
|
|
738
|
+
const _t = ":host{display:contents}:host([hidden]){display:none !important}h1{break-inside:avoid-column;page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size, revert);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-heading-1-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));page-break-after:avoid}", yt = class {
|
|
739
739
|
constructor(r) {
|
|
740
740
|
e(this, r);
|
|
741
741
|
}
|
|
742
742
|
render() {
|
|
743
|
-
return t("h1",
|
|
743
|
+
return t("h1", null, t("slot", null));
|
|
744
744
|
}
|
|
745
745
|
};
|
|
746
746
|
yt.style = _t;
|
|
747
|
-
const wt = "
|
|
747
|
+
const wt = ":host{display:contents}:host([hidden]){display:none !important}h2{break-inside:avoid-column;page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size, revert);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-heading-2-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));page-break-after:avoid}", Lt = class {
|
|
748
748
|
constructor(r) {
|
|
749
749
|
e(this, r);
|
|
750
750
|
}
|
|
751
751
|
render() {
|
|
752
|
-
return t("h2",
|
|
752
|
+
return t("h2", null, t("slot", null));
|
|
753
753
|
}
|
|
754
754
|
};
|
|
755
755
|
Lt.style = wt;
|
|
756
|
-
const zt = "
|
|
756
|
+
const zt = ":host{display:contents}:host([hidden]){display:none !important}h3{break-inside:avoid-column;page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size, revert);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));page-break-after:avoid}", Ht = class {
|
|
757
757
|
constructor(r) {
|
|
758
758
|
e(this, r);
|
|
759
759
|
}
|
|
760
760
|
render() {
|
|
761
|
-
return t("h3",
|
|
761
|
+
return t("h3", null, t("slot", null));
|
|
762
762
|
}
|
|
763
763
|
};
|
|
764
764
|
Ht.style = zt;
|
|
765
|
-
const Mt = "
|
|
765
|
+
const Mt = ":host{display:contents}:host([hidden]){display:none !important}h4{break-inside:avoid-column;page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size, revert);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-heading-4-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));page-break-after:avoid}", Vt = class {
|
|
766
766
|
constructor(r) {
|
|
767
767
|
e(this, r);
|
|
768
768
|
}
|
|
769
769
|
render() {
|
|
770
|
-
return t("h4",
|
|
770
|
+
return t("h4", null, t("slot", null));
|
|
771
771
|
}
|
|
772
772
|
};
|
|
773
773
|
Vt.style = Mt;
|
|
774
|
-
const Zt = "
|
|
774
|
+
const Zt = ":host{display:contents}:host([hidden]){display:none !important}h5{break-inside:avoid-column;page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size, revert);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-heading-5-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));page-break-after:avoid}", Bt = class {
|
|
775
775
|
constructor(r) {
|
|
776
776
|
e(this, r);
|
|
777
777
|
}
|
|
778
778
|
render() {
|
|
779
|
-
return t("h5",
|
|
779
|
+
return t("h5", null, t("slot", null));
|
|
780
780
|
}
|
|
781
781
|
};
|
|
782
782
|
Bt.style = Zt;
|
|
783
|
-
const
|
|
783
|
+
const Tt = ":host{display:contents}:host([hidden]){display:none !important}h6{break-inside:avoid-column;page-break-after:avoid;page-break-inside:avoid;color:var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size, revert);font-weight:var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-heading-6-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));page-break-after:avoid}", Et = class {
|
|
784
784
|
constructor(r) {
|
|
785
785
|
e(this, r);
|
|
786
786
|
}
|
|
787
787
|
render() {
|
|
788
|
-
return t("h6",
|
|
788
|
+
return t("h6", null, t("slot", null));
|
|
789
789
|
}
|
|
790
790
|
};
|
|
791
|
-
|
|
792
|
-
const
|
|
791
|
+
Et.style = Tt;
|
|
792
|
+
const Ft = ":host{display:contents}hgroup{--utrecht-pre-heading-order:-1;display:flex;flex-direction:column;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-group-margin-block-start, 0))}hgroup>*{--utrecht-space-around:0}:host([hidden]){display:none !important}", St = class {
|
|
793
793
|
constructor(r) {
|
|
794
794
|
e(this, r);
|
|
795
795
|
}
|
|
796
796
|
render() {
|
|
797
|
-
return t("slot", null);
|
|
797
|
+
return t("hgroup", null, t("slot", null));
|
|
798
798
|
}
|
|
799
799
|
};
|
|
800
|
-
St.style =
|
|
801
|
-
const qt = ".utrecht-iban-data{font-variant-numeric:lining-nums slashed-zero tabular-nums;white-space:nowrap}:host{display:inline}:host([hidden]){display:none !important}", It = (r) => r.replace(/[\s+\W]+/g, "").toUpperCase(),
|
|
800
|
+
St.style = Ft;
|
|
801
|
+
const qt = ".utrecht-iban-data{font-variant-numeric:lining-nums slashed-zero tabular-nums;white-space:nowrap}:host{display:inline}:host([hidden]){display:none !important}", It = (r) => r.replace(/[\s+\W]+/g, "").toUpperCase(), At = (r) => r.replace(/(.{4})(?!$)/g, "$1 "), jt = class {
|
|
802
802
|
constructor(r) {
|
|
803
803
|
e(this, r), this.value = void 0;
|
|
804
804
|
}
|
|
805
805
|
render() {
|
|
806
|
-
const { value: r } = this, o = It(r), c =
|
|
806
|
+
const { value: r } = this, o = It(r), c = At(o);
|
|
807
807
|
return t("data", { class: "utrecht-iban-data", value: o, translate: "no" }, c);
|
|
808
808
|
}
|
|
809
809
|
};
|
|
810
|
-
|
|
811
|
-
const
|
|
810
|
+
jt.style = qt;
|
|
811
|
+
const Dt = ":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%}", Nt = class {
|
|
812
812
|
constructor(r) {
|
|
813
813
|
e(this, r);
|
|
814
814
|
}
|
|
@@ -816,8 +816,8 @@ const Rt = ":host{block-size:var(--utrecht-icon-size);color:var(--utrecht-icon-c
|
|
|
816
816
|
return t(Z, { "aria-hidden": "true" }, t("slot", null));
|
|
817
817
|
}
|
|
818
818
|
};
|
|
819
|
-
|
|
820
|
-
const
|
|
819
|
+
Nt.style = Dt;
|
|
820
|
+
const Rt = `.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--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 0.25em;background-repeat:no-repeat;color:var(--utrecht-link-color, LinkText);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration-line:none}.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);--_utrecht-link-state-text-decoration:var(--utrecht-link-focus-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-focus-text-decoration-thickness);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)
|
|
821
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:var(--utrecht-stack-focus-z-index, 1)}.utrecht-link--html-span:focus,.utrecht-link--html-a:any-link:focus{--_utrecht-link-state-color:var(--utrecht-link-focus-color);--_utrecht-link-state-text-decoration:var(--utrecht-link-focus-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-focus-text-decoration-thickness);background-color:var(--utrecht-link-focus-background-color, transparent);text-decoration-skip:none;text-decoration-skip-ink:none;--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)
|
|
822
822
|
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:var(--utrecht-stack-focus-z-index, 1)}.utrecht-link--html-span:focus:not(:focus-visible),.utrecht-link--html-a:any-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-link--html-span:active,.utrecht-link--html-a:any-link:active,.utrecht-link--active{--_utrecht-link-forced-colors-color:activetext;--_utrecht-link-state-color:var(--utrecht-link-active-color)}.utrecht-link--telephone{white-space:nowrap}.utrecht-link--current{cursor:var(--utrecht-action-inert-cursor, normal);font-weight:var(--utrecht-link-current-font-weight)}.utrecht-link--box-content:any-link{color:unset;display:inline-block;text-decoration-line:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.utrecht-link--placeholder{--_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--forced-colors{--utrecht-focus-outline-color:Highlight;--utrecht-focus-inverse-outline-color:HighlightText;--utrecht-link-color:linktext;--utrecht-link-hover-color:linktext;--utrecht-link-focus-color:linktext;--utrecht-link-active-color:activetext;--utrecht-link-visited-color:visitedtext;--utrecht-link-placeholder-color:GrayText}:host{display:inline}:host([hidden]){display:none !important}`, Ot = class {
|
|
823
823
|
constructor(r) {
|
|
@@ -827,14 +827,27 @@ const Nt = `.utrecht-link{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em)
|
|
|
827
827
|
return t("a", { download: typeof this.download == "string" ? this.download : void 0, href: typeof this.href == "string" ? this.href : void 0, target: typeof this.target == "string" ? this.target : void 0, class: "utrecht-link utrecht-link--html-a" }, t("slot", null));
|
|
828
828
|
}
|
|
829
829
|
};
|
|
830
|
-
Ot.style =
|
|
830
|
+
Ot.style = Rt;
|
|
831
831
|
const Gt = `.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);--_utrecht-link-state-text-decoration:var(--utrecht-link-focus-text-decoration);--_utrecht-link-state-text-decoration-thickness:var(--utrecht-link-focus-text-decoration-thickness);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)
|
|
832
832
|
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:var(--utrecht-stack-focus-z-index, 1)}.utrecht-link-button--active,.utrecht-link-button--html-button:not(:disabled):active{--_utrecht-link-forced-colors-color:activetext;--_utrecht-link-state-color:var(--utrecht-link-active-color)}.utrecht-link-button--inline{--utrecht-icon-inset-block-start:var(--utrecht-icon-baseline-inset-block-start);min-block-size:auto;min-inline-size:auto;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}.utrecht-link-button--pressed{--_utrecht-link-forced-colors-color:activetext;--_utrecht-link-state-color:var(--utrecht-link-active-color)}.utrecht-link-button--html-button{background-color:transparent;border-width:0}:host{display:inline-flex}:host([hidden]){display:none !important}`, Pt = class {
|
|
833
833
|
constructor(r) {
|
|
834
|
-
e(this, r), this.disabled = void 0, this.type = void 0, this.inline = void 0, this.pressed = void 0;
|
|
834
|
+
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;
|
|
835
835
|
}
|
|
836
836
|
render() {
|
|
837
|
-
|
|
837
|
+
const { hostElement: r, name: o, value: c, form: n, formAction: s, formEnctype: i, formTarget: d, formNoValidate: p, formMethod: l, popoverTargetAction: C, popoverTarget: _, type: b } = this, f = () => {
|
|
838
|
+
const w = this.hostElement.querySelector("button[hidden]");
|
|
839
|
+
w && w.click();
|
|
840
|
+
};
|
|
841
|
+
let a = r.querySelector("button[hidden]");
|
|
842
|
+
const g = !!(o || n || d || i || l || p || _ || C || b === "submit");
|
|
843
|
+
a && !g && a.parentNode.removeChild(a), !a && g && (a = r.ownerDocument.createElement("button"), a.hidden = !0, a.tabIndex = -1, a.ariaHidden = "true", r.appendChild(a));
|
|
844
|
+
const h = (w, u, z) => {
|
|
845
|
+
typeof z == "string" ? w.setAttribute(u, z) : w.removeAttribute(u);
|
|
846
|
+
};
|
|
847
|
+
return a && (h(a, "name", o), h(a, "type", b), h(a, "form", n), h(a, "formaction", s), h(a, "form", n), h(a, "formtarget", d), h(a, "formenctype", i), h(a, "formmethod", l), h(a, "formnovalidate", p ? "" : null), h(a, "popovertargetaction", C), h(a, "popovertarget", _), h(a, "type", b), a.style.display = "none", a.value = c || ""), t("button", { 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: f }, t("slot", null));
|
|
848
|
+
}
|
|
849
|
+
get hostElement() {
|
|
850
|
+
return L(this);
|
|
838
851
|
}
|
|
839
852
|
};
|
|
840
853
|
Pt.style = Gt;
|
|
@@ -910,16 +923,16 @@ const nr = ".utrecht-paragraph{color:var(--utrecht-paragraph-color, var(--utrech
|
|
|
910
923
|
e(this, r), this.lead = void 0;
|
|
911
924
|
}
|
|
912
925
|
render() {
|
|
913
|
-
return t("div", { class:
|
|
926
|
+
return t("div", { class: v("utrecht-paragraph", this.lead && "utrecht-paragraph--lead") }, t("slot", null));
|
|
914
927
|
}
|
|
915
928
|
};
|
|
916
929
|
ir.style = nr;
|
|
917
|
-
const ur = ":host{color:var(--utrecht-pre-heading-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-pre-heading-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-pre-heading-font-size);font-weight:var(--utrecht-pre-heading-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-pre-heading-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-pre-heading-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-pre-heading-margin-block-start, 0));order:var(--utrecht-pre-heading-order, 0)}:host([hidden]){display:none !important}", lr = class {
|
|
930
|
+
const ur = ":host{display:contents}p{color:var(--utrecht-pre-heading-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-pre-heading-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-pre-heading-font-size);font-weight:var(--utrecht-pre-heading-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-pre-heading-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-pre-heading-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-pre-heading-margin-block-start, 0));order:var(--utrecht-pre-heading-order, 0)}:host([hidden]){display:none !important}", lr = class {
|
|
918
931
|
constructor(r) {
|
|
919
932
|
e(this, r);
|
|
920
933
|
}
|
|
921
934
|
render() {
|
|
922
|
-
return t("p",
|
|
935
|
+
return t("p", null, t("slot", null));
|
|
923
936
|
}
|
|
924
937
|
};
|
|
925
938
|
lr.style = ur;
|
|
@@ -947,11 +960,11 @@ const vr = ".utrecht-spotlight-section{background-color:var(--_utrecht-spotlight
|
|
|
947
960
|
e(this, r), this.appearance = void 0;
|
|
948
961
|
}
|
|
949
962
|
render() {
|
|
950
|
-
return t("div", { class:
|
|
963
|
+
return t("div", { class: v("utrecht-spotlight-section", this.appearance === "info" && "utrecht-spotlight-section--info", this.appearance === "warning" && "utrecht-spotlight-section--warning") }, t("slot", null));
|
|
951
964
|
}
|
|
952
965
|
};
|
|
953
966
|
Cr.style = vr;
|
|
954
|
-
const
|
|
967
|
+
const pr = '@charset "UTF-8";.utrecht-url-data{break-inside:avoid;font-variant-ligatures:none;hyphens:none;overflow-wrap:anywhere;page-break-inside:avoid}:host{display:inline}:host([hidden]){display:none !important}', gr = class {
|
|
955
968
|
constructor(r) {
|
|
956
969
|
e(this, r);
|
|
957
970
|
}
|
|
@@ -959,14 +972,14 @@ const gr = '@charset "UTF-8";.utrecht-url-data{break-inside:avoid;font-variant-l
|
|
|
959
972
|
return t("span", { class: "utrecht-url-data" }, t("slot", null));
|
|
960
973
|
}
|
|
961
974
|
};
|
|
962
|
-
|
|
975
|
+
gr.style = pr;
|
|
963
976
|
export {
|
|
964
|
-
|
|
965
|
-
|
|
977
|
+
T as utrecht_alert,
|
|
978
|
+
F as utrecht_article,
|
|
966
979
|
q as utrecht_badge_counter,
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
980
|
+
A as utrecht_badge_data,
|
|
981
|
+
D as utrecht_badge_list,
|
|
982
|
+
R as utrecht_badge_status,
|
|
970
983
|
G as utrecht_button,
|
|
971
984
|
W as utrecht_button_group,
|
|
972
985
|
U as utrecht_button_link,
|
|
@@ -980,7 +993,7 @@ export {
|
|
|
980
993
|
dt as utrecht_form,
|
|
981
994
|
bt as utrecht_form_field_checkbox,
|
|
982
995
|
Ct as utrecht_form_field_description,
|
|
983
|
-
|
|
996
|
+
gt as utrecht_form_field_textarea,
|
|
984
997
|
mt as utrecht_form_field_textbox,
|
|
985
998
|
xt as utrecht_heading,
|
|
986
999
|
yt as utrecht_heading_1,
|
|
@@ -988,10 +1001,10 @@ export {
|
|
|
988
1001
|
Ht as utrecht_heading_3,
|
|
989
1002
|
Vt as utrecht_heading_4,
|
|
990
1003
|
Bt as utrecht_heading_5,
|
|
991
|
-
|
|
1004
|
+
Et as utrecht_heading_6,
|
|
992
1005
|
St as utrecht_heading_group,
|
|
993
|
-
|
|
994
|
-
|
|
1006
|
+
jt as utrecht_iban_data,
|
|
1007
|
+
Nt as utrecht_icon,
|
|
995
1008
|
Ot as utrecht_link,
|
|
996
1009
|
Pt as utrecht_link_button,
|
|
997
1010
|
$t as utrecht_logo,
|
|
@@ -1006,5 +1019,5 @@ export {
|
|
|
1006
1019
|
dr as utrecht_separator,
|
|
1007
1020
|
br as utrecht_skip_link,
|
|
1008
1021
|
Cr as utrecht_spotlight_section,
|
|
1009
|
-
|
|
1022
|
+
gr as utrecht_url_data
|
|
1010
1023
|
};
|