@dso-toolkit/core 91.0.0 → 92.0.0

package/dist/dso-toolkit/p-25afc236.entry.js

@@ -0,0 +1 @@
+import{r as d,h as a,F as s}from"./p-BIfnbekk.js";const e=class{constructor(a){d(this,a),this.mode="list"}render(){return a(s,null,"list"===this.mode&&a("ul",{key:"95c4b9efb0f971e75400362b4307082d08a9ecfa",class:"dso-card-list"},a("slot",{key:"c5e9b1c6a1ec0daf9959fae074983fd2d5131320"})),"grid"===this.mode&&a("div",{key:"7b63aba8eb02ae54187ea9aa4dfb0dade6608ed8",class:"dso-card-grid"},a("slot",{key:"f7f20475f46a670706d12824e7efd7aadd2e6c19"})))}};e.style=":host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}";export{e as dso_card_container}

package/dist/dso-toolkit/{p-6bcc7aa8.entry.js → p-26cd4149.entry.js}

@@ -1 +1 @@
-import{r as e,d as i,h as o}from"./p-BIfnbekk.js";const n=class{constructor(o){e(this,o),this.dsoInput=i(this,"dsoInput",3),this.dsoNext=i(this,"dsoNext",3),this.dsoPrevious=i(this,"dsoPrevious",3),this.dsoClear=i(this,"dsoClear",3),this.label="Zoeken in document",this.handleInput=e=>{e.target instanceof HTMLInputElement&&this.dsoInput.emit({originalEvent:e,value:e.target.value})},this.handleNext=e=>{this.dsoNext.emit({originalEvent:e})},this.handlePrevious=e=>{this.dsoPrevious.emit({originalEvent:e})},this.handleClear=e=>{this.dsoClear.emit({originalEvent:e})},this.handleKeyDown=e=>{"Enter"===e.key&&this.handleNext(e)}}async dsoFocus(e={}){this.inputElement?.focus(),e.select&&this.inputElement?.select()}render(){const e=this.current||0,i=this.totalCount||0;return o("div",{key:"55c54949963e1f8fea242366724e998585f6b785",class:"dso-mark-bar"},o("div",{key:"61a956d7bfd816dd25d72b7f5a35989f3b4ce46b",class:"dso-mark-bar-input"},o("input",{key:"66883925a8d0d369560ec03697ac6482d1bdb14b",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),o("label",{key:"32a61a8fe005b74777097cacba3a5eb18427dff3",htmlFor:"search-input"},o("dso-icon",{key:"837c3cad3188704b3638a76722492a261d4ecb03",class:"dso-search-icon",icon:"search"}),o("span",{key:"9e2e1b84df9cb0860d931233f9469e9c53402836",class:"label-text"},this.label)),o("dso-icon-button",{key:"41206eebf78bbc0b31bc147f0ac2a6a13876fcc5",icon:"cross",variant:"tertiary",label:"Zoekopdracht legen",onDsoClick:e=>this.handleClear(e.detail.originalEvent)})),o("div",{key:"2996a2f89bedf25516f0f7b4669cf8e7fb834666",class:"dso-button-container"},o("span",{key:"4c995d8619b70cc1b387496adfd689f413f6f015",class:"divider"}),o("dso-icon-button",{key:"4e1c597443e59dee11fb498a581d9f083f9c4768",icon:"chevron-up",variant:"tertiary",label:"Vorig zoekresultaat",onDsoClick:e=>this.handlePrevious(e.detail.originalEvent),disabled:e<=1}),o("span",{key:"0cbb6043077a9a92a662fb595576f31610d2233e"},e,"/",i),o("dso-icon-button",{key:"925d2b379af59d2aaf1122e3fe89a4111cd56dfe",icon:"chevron-down",variant:"tertiary",label:"Volgend zoekresultaat",onDsoClick:e=>this.handleNext(e.detail.originalEvent),disabled:e>=i})))}};n.style="*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container dso-icon-button{--dso-icon-button-tertiary-border:0;cursor:pointer}.dso-button-container dso-icon-button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}";export{n as dso_mark_bar}
+import{r as e,d as i,h as o}from"./p-BIfnbekk.js";const a=class{constructor(o){e(this,o),this.dsoInput=i(this,"dsoInput",3),this.dsoNext=i(this,"dsoNext",3),this.dsoPrevious=i(this,"dsoPrevious",3),this.dsoClear=i(this,"dsoClear",3),this.label="Zoeken in document",this.handleInput=e=>{e.target instanceof HTMLInputElement&&this.dsoInput.emit({originalEvent:e,value:e.target.value})},this.handleNext=e=>{this.dsoNext.emit({originalEvent:e})},this.handlePrevious=e=>{this.dsoPrevious.emit({originalEvent:e})},this.handleClear=e=>{this.dsoClear.emit({originalEvent:e})},this.handleKeyDown=e=>{"Enter"===e.key&&this.handleNext(e)}}async dsoFocus(e={}){this.inputElement?.focus(),e.select&&this.inputElement?.select()}render(){const e=this.current||0,i=this.totalCount||0;return o("div",{key:"d09aa94ffd06188445f96c64a4a3719d37949d3e",class:"dso-mark-bar"},o("div",{key:"d89230751206bd78aeacf8c56c8c171ab55a7096",class:"dso-mark-bar-input"},o("input",{key:"dab47647c66731e7b669e1768508c2d994e33778",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),o("label",{key:"b43e1efa704876deb197853f2f8dbba146597a88",htmlFor:"search-input"},o("dso-icon",{key:"c6617679b5d34671e068c766a0236b5cdc12c893",class:"dso-search-icon",icon:"search"}),o("span",{key:"51381737c0a3a999ddc47ae60050a032ed1051e6",class:"label-text"},this.label)),o("dso-icon-button",{key:"acdb087e9a2e3482ddf9b799b5143b79e1601500",icon:"cross",variant:"tertiary",label:"Zoekopdracht legen",onDsoClick:e=>this.handleClear(e.detail.originalEvent)})),o("div",{key:"85addfb20a5c2f40ee7a62dcbde354f407472b1c",class:"dso-button-container"},o("span",{key:"7f572933ce9d4085c5648fe923b122f5462b6706",class:"divider"}),o("dso-icon-button",{key:"022a07592d02e6b015915129d2c333a8a976ffa4",icon:"chevron-up",variant:"tertiary",label:"Vorig zoekresultaat",onDsoClick:e=>this.handlePrevious(e.detail.originalEvent),disabled:e<=1}),o("span",{key:"12dad58f34bcde382a978617a53b3d89aac5994e"},e,"/",i),o("dso-icon-button",{key:"d03ec5b8cefa4bec0f00ef59d94003a1fc0faddb",icon:"chevron-down",variant:"tertiary",label:"Volgend zoekresultaat",onDsoClick:e=>this.handleNext(e.detail.originalEvent),disabled:e>=i})))}};a.style="*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container dso-icon-button{--dso-icon-button-tertiary-border:0;cursor:pointer}.dso-button-container dso-icon-button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}";export{a as dso_mark_bar}