@adyen/bento-vue2 1.81.0 → 1.82.0

package/dist/chunks/page-not-found.COJLPVaU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-not-found.COJLPVaU.js","sources":["../../src/components/empty-state/assets/small/page-not-found.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='200'%20height='200'%20viewBox='0%200%20200%20200'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M43.2854%20151.709H155.714C160.151%20151.709%20163.745%20148.116%20163.745%20143.679V103.525H35.2547V143.679C35.2547%20148.116%2038.8484%20151.709%2043.2854%20151.709Z'%20fill='%236F7988'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.4306%20103.525H62.0128V151.709H83.4306V103.525Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M35.2547%2087.4642V103.526H163.745V87.4642C163.745%2083.0273%20160.151%2079.4336%20155.714%2079.4336H43.2854C38.8484%2079.4336%2035.2547%2083.0273%2035.2547%2087.4642Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M91.4616%2079.4335H78.725C77.9701%2079.4335%2077.2233%2079.3211%2076.5126%2079.1163V79.3973H35.2471C35.2471%2079.3973%2035.2471%2079.4214%2035.2471%2079.4295V103.521H99.4923V87.4601C99.4923%2083.0232%2095.8986%2079.4295%2091.4616%2079.4295V79.4335Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M76.5126%2079.1164C75.2156%2078.743%2074.0191%2078.0523%2073.0474%2077.0806L69.7227%2073.7559C68.2169%2072.2502%2066.1731%2071.403%2064.045%2071.403H43.2777C38.8528%2071.403%2035.2671%2074.9806%2035.2471%2079.4015H76.5126V79.1204V79.1164Z'%20fill='%2308903F'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M99.4998%20151.709H155.714C160.151%20151.709%20163.745%20148.116%20163.745%20143.679V103.525H91.4691V143.679C91.4691%20148.116%2095.0628%20151.709%2099.4998%20151.709Z'%20fill='%236F7988'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M147.684%2079.4336C152.121%2079.4336%20155.714%2083.0273%20155.714%2087.4642V93.4872C155.714%2094.5955%20154.815%2095.4949%20153.707%2095.4949C152.599%2095.4949%20151.699%2094.5955%20151.699%2093.4872V87.4642C151.699%2083.0273%20148.105%2079.4336%20143.668%2079.4336H147.684Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M153.707%2095.4949C154.816%2095.4949%20155.715%2094.5961%20155.715%2093.4873C155.715%2092.3785%20154.816%2091.4796%20153.707%2091.4796C152.598%2091.4796%20151.699%2092.3785%20151.699%2093.4873C151.699%2094.5961%20152.598%2095.4949%20153.707%2095.4949Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M153.707%2091.4795C154.816%2091.4795%20155.715%2090.5806%20155.715%2089.4718C155.715%2088.363%20154.816%2087.4642%20153.707%2087.4642C152.598%2087.4642%20151.699%2088.363%20151.699%2089.4718C151.699%2090.5806%20152.598%2091.4795%20153.707%2091.4795Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.4382%2095.4948H99.4915'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3ccircle%20cx='71.381'%20cy='119.587'%20r='0.301149'%20fill='%2300112C'/%3e%3cpath%20d='M67.3693%2055.3416C67.3693%2050.9046%2063.7756%2047.3109%2059.3387%2047.3109C58.3951%2047.3109%2057.4916%2047.4836%2056.6524%2047.7807C59.7643%2048.8849%2061.9968%2051.8482%2061.9968%2055.3416V63.3722H67.3693V55.3416Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M61.9965%2055.3415C61.9965%2051.8482%2059.764%2048.8889%2056.6521%2047.7806C53.5403%2048.8849%2051.3077%2051.8482%2051.3077%2055.3415V63.3722H62.0006V55.3415H61.9965Z'%20fill='%23DFE1E7'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M123.584%2047.3109H59.3386C63.7755%2047.3109%2067.3692%2050.9046%2067.3692%2055.3416V79.4335H131.614V55.3416C131.614%2050.9046%20128.021%2047.3109%20123.584%2047.3109Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M35.2471%2079.4336V103.526H83.431V87.4643C83.431%2083.0273%2079.8373%2079.4336%2075.4003%2079.4336H62.6637C60.5356%2079.4336%2058.4918%2078.5864%2056.986%2077.0806L53.6614%2073.7559C52.1556%2072.2502%2050.1118%2071.403%2047.9837%2071.403H43.2777C38.8408%2071.403%2035.2471%2074.9967%2035.2471%2079.4336Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M43.2777%20151.709H75.4003C79.8373%20151.709%2083.431%20148.116%2083.431%20143.679V103.525H35.2471V143.679C35.2471%20148.116%2038.8408%20151.709%2043.2777%20151.709Z'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M75.4001%20151.709H139.645C135.208%20151.709%20131.615%20148.116%20131.615%20143.679V103.525H67.3694V143.679C67.3694%20148.116%2070.9632%20151.709%2075.4001%20151.709Z'%20fill='%23DFE1E7'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M75.3998%20103.525V143.679C75.3998%20148.116%2078.9935%20151.709%2083.4304%20151.709'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.4307%20103.525V143.679C83.4307%20148.116%2087.0244%20151.709%2091.4613%20151.709'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M91.4615%20103.525V143.679C91.4615%20148.116%2095.0553%20151.709%2099.4922%20151.709'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M99.4918%20103.525V143.679C99.4918%20148.116%20103.086%20151.709%20107.522%20151.709'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M107.523%20103.525V143.679C107.523%20148.116%20111.116%20151.709%20115.553%20151.709'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M115.554%20103.525V143.679C115.554%20148.116%20119.147%20151.709%20123.584%20151.709'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M123.584%20103.525V143.679C123.584%20148.116%20127.178%20151.709%20131.615%20151.709'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M107.523%20143.679H99.4922C99.4922%20148.116%2095.8985%20151.709%2091.4615%20151.709H99.4922C103.929%20151.709%20107.523%20148.116%20107.523%20143.679Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M91.4611%20143.679H83.4304C83.4304%20148.116%2079.8367%20151.709%2075.3998%20151.709H83.4304C87.8674%20151.709%2091.4611%20148.116%2091.4611%20143.679Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M139.645%20143.679C139.645%20148.116%20136.051%20151.709%20131.614%20151.709H139.645C144.082%20151.709%20147.676%20148.116%20147.676%20143.679H139.645Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M131.615%20143.679H123.584C123.584%20148.116%20119.991%20151.709%20115.554%20151.709H123.584C128.021%20151.709%20131.615%20148.116%20131.615%20143.679Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M123.58%2055.3415H75.396V63.3721H123.58V55.3415Z'%20fill='%23DFE1E7'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M123.584%2071.403H75.396'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M176%20151.709H23'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["pageNotFound"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/chunks/page-not-found.DWW6W-PZ.js

@@ -0,0 +1,5 @@
+const e = "data:image/svg+xml,%3csvg%20width='300'%20height='300'%20viewBox='0%200%20300%20300'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M57.3516%20235.644H242.199C249.494%20235.644%20255.403%20229.736%20255.403%20222.441V156.424H44.1482V222.441C44.1482%20229.736%2050.0567%20235.644%2057.3516%20235.644Z'%20fill='%236F7988'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M123.356%20156.424H88.1421V235.644H123.356V156.424Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M44.1482%20130.017V156.424H255.403V130.017C255.403%20122.722%20249.494%20116.814%20242.199%20116.814H57.3516C50.0567%20116.814%2044.1482%20122.722%2044.1482%20130.017Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M136.56%20116.814H115.619C114.378%20116.814%20113.15%20116.629%20111.981%20116.292V116.754H44.1357C44.1357%20116.754%2044.1357%20116.794%2044.1357%20116.807V156.417H149.763V130.011C149.763%20122.716%20143.854%20116.807%20136.56%20116.807V116.814Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M111.981%20116.292C109.849%20115.678%20107.882%20114.543%20106.284%20112.945L100.818%20107.479C98.3423%20105.003%2094.9821%20103.61%2091.4832%20103.61H57.3392C50.0641%20103.61%2044.1688%20109.493%2044.1357%20116.761H111.981V116.299V116.292Z'%20fill='%2308903F'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M149.775%20235.644H242.199C249.494%20235.644%20255.403%20229.736%20255.403%20222.441V156.424H136.572V222.441C136.572%20229.736%20142.48%20235.644%20149.775%20235.644Z'%20fill='%236F7988'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M228.996%20116.814C236.291%20116.814%20242.199%20122.722%20242.199%20130.017V139.919C242.199%20141.742%20240.72%20143.22%20238.898%20143.22C237.076%20143.22%20235.598%20141.742%20235.598%20139.919V130.017C235.598%20122.722%20229.689%20116.814%20222.394%20116.814H228.996Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M238.899%20143.221C240.722%20143.221%20242.2%20141.743%20242.2%20139.92C242.2%20138.097%20240.722%20136.619%20238.899%20136.619C237.076%20136.619%20235.598%20138.097%20235.598%20139.92C235.598%20141.743%20237.076%20143.221%20238.899%20143.221Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M238.899%20136.619C240.722%20136.619%20242.2%20135.141%20242.2%20133.318C242.2%20131.495%20240.722%20130.017%20238.899%20130.017C237.076%20130.017%20235.598%20131.495%20235.598%20133.318C235.598%20135.141%20237.076%20136.619%20238.899%20136.619Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M123.368%20143.22H149.762'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3ccircle%20cx='103.544'%20cy='182.831'%20r='0.495128'%20fill='%2300112C'/%3e%3cpath%20d='M96.9488%2077.2034C96.9488%2069.9085%2091.0403%2064%2083.7454%2064C82.194%2064%2080.7086%2064.2839%2079.3289%2064.7724C84.4452%2066.5879%2088.1157%2071.4599%2088.1157%2077.2034V90.4068H96.9488V77.2034Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M88.1152%2077.2035C88.1152%2071.46%2084.4447%2066.5945%2079.3284%2064.7725C74.2121%2066.5879%2070.5415%2071.46%2070.5415%2077.2035V90.4069H88.1218V77.2035H88.1152Z'%20fill='%23DFE1E7'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M189.373%2064H83.7452C91.0401%2064%2096.9486%2069.9085%2096.9486%2077.2034V116.814H202.576V77.2034C202.576%2069.9085%20196.667%2064%20189.373%2064Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M44.1357%20116.814V156.424H123.356V130.017C123.356%20122.722%20117.448%20116.814%20110.153%20116.814H89.2122C85.7133%20116.814%2082.353%20115.421%2079.8774%20112.945L74.4112%20107.479C71.9355%20105.003%2068.5753%20103.61%2065.0764%20103.61H57.3392C50.0443%20103.61%2044.1357%20109.519%2044.1357%20116.814Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M57.3392%20235.644H110.153C117.448%20235.644%20123.356%20229.736%20123.356%20222.441V156.424H44.1357V222.441C44.1357%20229.736%2050.0443%20235.644%2057.3392%20235.644Z'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M110.152%20235.644H215.78C208.485%20235.644%20202.576%20229.736%20202.576%20222.441V156.424H96.949V222.441C96.949%20229.736%20102.858%20235.644%20110.152%20235.644Z'%20fill='%23DFE1E7'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M110.152%20156.424V222.441C110.152%20229.736%20116.06%20235.644%20123.355%20235.644'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M123.356%20156.424V222.441C123.356%20229.736%20129.264%20235.644%20136.559%20235.644'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M136.559%20156.424V222.441C136.559%20229.736%20142.468%20235.644%20149.763%20235.644'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M149.762%20156.424V222.441C149.762%20229.736%20155.671%20235.644%20162.966%20235.644'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M162.966%20156.424V222.441C162.966%20229.736%20168.875%20235.644%20176.169%20235.644'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M176.17%20156.424V222.441C176.17%20229.736%20182.078%20235.644%20189.373%20235.644'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M189.373%20156.424V222.441C189.373%20229.736%20195.281%20235.644%20202.576%20235.644'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M162.966%20222.441H149.763C149.763%20229.736%20143.854%20235.644%20136.559%20235.644H149.763C157.058%20235.644%20162.966%20229.736%20162.966%20222.441Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M136.559%20222.441H123.355C123.355%20229.736%20117.447%20235.644%20110.152%20235.644H123.355C130.65%20235.644%20136.559%20229.736%20136.559%20222.441Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M215.779%20222.441C215.779%20229.736%20209.87%20235.644%20202.576%20235.644H215.779C223.074%20235.644%20228.982%20229.736%20228.982%20222.441H215.779Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M202.577%20222.441H189.373C189.373%20229.736%20183.465%20235.644%20176.17%20235.644H189.373C196.668%20235.644%20202.577%20229.736%20202.577%20222.441Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M189.366%2077.2036H110.146V90.407H189.366V77.2036Z'%20fill='%23DFE1E7'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M189.373%20103.61H110.146'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M275.551%20235.644H24'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+export {
+  e as default
+};
+//# sourceMappingURL=page-not-found.DWW6W-PZ.js.map

package/dist/chunks/page-not-found.DWW6W-PZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-not-found.DWW6W-PZ.js","sources":["../../src/components/empty-state/assets/large/page-not-found.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='300'%20height='300'%20viewBox='0%200%20300%20300'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M57.3516%20235.644H242.199C249.494%20235.644%20255.403%20229.736%20255.403%20222.441V156.424H44.1482V222.441C44.1482%20229.736%2050.0567%20235.644%2057.3516%20235.644Z'%20fill='%236F7988'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M123.356%20156.424H88.1421V235.644H123.356V156.424Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M44.1482%20130.017V156.424H255.403V130.017C255.403%20122.722%20249.494%20116.814%20242.199%20116.814H57.3516C50.0567%20116.814%2044.1482%20122.722%2044.1482%20130.017Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M136.56%20116.814H115.619C114.378%20116.814%20113.15%20116.629%20111.981%20116.292V116.754H44.1357C44.1357%20116.754%2044.1357%20116.794%2044.1357%20116.807V156.417H149.763V130.011C149.763%20122.716%20143.854%20116.807%20136.56%20116.807V116.814Z'%20fill='%2385DFA9'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M111.981%20116.292C109.849%20115.678%20107.882%20114.543%20106.284%20112.945L100.818%20107.479C98.3423%20105.003%2094.9821%20103.61%2091.4832%20103.61H57.3392C50.0641%20103.61%2044.1688%20109.493%2044.1357%20116.761H111.981V116.299V116.292Z'%20fill='%2308903F'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M149.775%20235.644H242.199C249.494%20235.644%20255.403%20229.736%20255.403%20222.441V156.424H136.572V222.441C136.572%20229.736%20142.48%20235.644%20149.775%20235.644Z'%20fill='%236F7988'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M228.996%20116.814C236.291%20116.814%20242.199%20122.722%20242.199%20130.017V139.919C242.199%20141.742%20240.72%20143.22%20238.898%20143.22C237.076%20143.22%20235.598%20141.742%20235.598%20139.919V130.017C235.598%20122.722%20229.689%20116.814%20222.394%20116.814H228.996Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M238.899%20143.221C240.722%20143.221%20242.2%20141.743%20242.2%20139.92C242.2%20138.097%20240.722%20136.619%20238.899%20136.619C237.076%20136.619%20235.598%20138.097%20235.598%20139.92C235.598%20141.743%20237.076%20143.221%20238.899%20143.221Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M238.899%20136.619C240.722%20136.619%20242.2%20135.141%20242.2%20133.318C242.2%20131.495%20240.722%20130.017%20238.899%20130.017C237.076%20130.017%20235.598%20131.495%20235.598%20133.318C235.598%20135.141%20237.076%20136.619%20238.899%20136.619Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M123.368%20143.22H149.762'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3ccircle%20cx='103.544'%20cy='182.831'%20r='0.495128'%20fill='%2300112C'/%3e%3cpath%20d='M96.9488%2077.2034C96.9488%2069.9085%2091.0403%2064%2083.7454%2064C82.194%2064%2080.7086%2064.2839%2079.3289%2064.7724C84.4452%2066.5879%2088.1157%2071.4599%2088.1157%2077.2034V90.4068H96.9488V77.2034Z'%20fill='%2300112C'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M88.1152%2077.2035C88.1152%2071.46%2084.4447%2066.5945%2079.3284%2064.7725C74.2121%2066.5879%2070.5415%2071.46%2070.5415%2077.2035V90.4069H88.1218V77.2035H88.1152Z'%20fill='%23DFE1E7'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M189.373%2064H83.7452C91.0401%2064%2096.9486%2069.9085%2096.9486%2077.2034V116.814H202.576V77.2034C202.576%2069.9085%20196.667%2064%20189.373%2064Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M44.1357%20116.814V156.424H123.356V130.017C123.356%20122.722%20117.448%20116.814%20110.153%20116.814H89.2122C85.7133%20116.814%2082.353%20115.421%2079.8774%20112.945L74.4112%20107.479C71.9355%20105.003%2068.5753%20103.61%2065.0764%20103.61H57.3392C50.0443%20103.61%2044.1357%20109.519%2044.1357%20116.814Z'%20fill='%230ABF53'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M57.3392%20235.644H110.153C117.448%20235.644%20123.356%20229.736%20123.356%20222.441V156.424H44.1357V222.441C44.1357%20229.736%2050.0443%20235.644%2057.3392%20235.644Z'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M110.152%20235.644H215.78C208.485%20235.644%20202.576%20229.736%20202.576%20222.441V156.424H96.949V222.441C96.949%20229.736%20102.858%20235.644%20110.152%20235.644Z'%20fill='%23DFE1E7'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M110.152%20156.424V222.441C110.152%20229.736%20116.06%20235.644%20123.355%20235.644'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M123.356%20156.424V222.441C123.356%20229.736%20129.264%20235.644%20136.559%20235.644'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M136.559%20156.424V222.441C136.559%20229.736%20142.468%20235.644%20149.763%20235.644'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M149.762%20156.424V222.441C149.762%20229.736%20155.671%20235.644%20162.966%20235.644'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M162.966%20156.424V222.441C162.966%20229.736%20168.875%20235.644%20176.169%20235.644'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M176.17%20156.424V222.441C176.17%20229.736%20182.078%20235.644%20189.373%20235.644'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M189.373%20156.424V222.441C189.373%20229.736%20195.281%20235.644%20202.576%20235.644'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M162.966%20222.441H149.763C149.763%20229.736%20143.854%20235.644%20136.559%20235.644H149.763C157.058%20235.644%20162.966%20229.736%20162.966%20222.441Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M136.559%20222.441H123.355C123.355%20229.736%20117.447%20235.644%20110.152%20235.644H123.355C130.65%20235.644%20136.559%20229.736%20136.559%20222.441Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M215.779%20222.441C215.779%20229.736%20209.87%20235.644%20202.576%20235.644H215.779C223.074%20235.644%20228.982%20229.736%20228.982%20222.441H215.779Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M202.577%20222.441H189.373C189.373%20229.736%20183.465%20235.644%20176.17%20235.644H189.373C196.668%20235.644%20202.577%20229.736%20202.577%20222.441Z'%20fill='white'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M189.366%2077.2036H110.146V90.407H189.366V77.2036Z'%20fill='%23DFE1E7'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M189.373%20103.61H110.146'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M275.551%20235.644H24'%20stroke='%2300112C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["pageNotFound"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/chunks/pagination.CylAnOyc.js

@@ -0,0 +1,338 @@
+import { defineComponent as d, computed as p, useSlots as S, useAttrs as B, ref as N, toRefs as I } from "vue";
+import { B as f } from "./typography.hlOAxsEn.js";
+import { B as L } from "./dropdown.BijF56Y7.js";
+import { g as x } from "./generate-uid.NJ8tVoha.js";
+import { u as m, g as $, a as w } from "./index.B6WW_F-J.js";
+import { n as c } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { B as O } from "./button.CS_kdxYh.js";
+/* empty css              */
+import { u as F } from "./aria-label.CaUURpnB.js";
+import { u as R } from "./use-has-slot.C9lQZ6nz.js";
+import "../assets/pagination.css";
+const k = {
+  "de-DE": {
+    showingItems: "{itemCount} Artikeln",
+    showingItemsWithTotal: "{itemCount} von {totalCount} Artikeln"
+  },
+  "en-US": {
+    showingItems: "{itemCount} items",
+    showingItemsWithTotal: "{itemCount} of {totalCount} items"
+  },
+  "es-ES": {
+    showingItems: "{itemCount} artículos",
+    showingItemsWithTotal: "{itemCount} de {totalCount} artículos"
+  },
+  "fr-FR": {
+    showingItems: "{itemCount} élément(s)",
+    showingItemsWithTotal: "{itemCount} élément(s) sur {totalCount}"
+  },
+  "ja-JP": {
+    showingItems: "{itemCount}個のアイテムを表示しています",
+    showingItemsWithTotal: "{totalCount}件中{itemCount}件のアイテムを表示"
+  },
+  "pt-BR": {
+    showingItems: "{itemCount} itens",
+    showingItemsWithTotal: "{itemCount} de {totalCount} itens"
+  }
+}, z = {
+  i18n: { messages: k }
+}, A = /* @__PURE__ */ d({
+  ...z,
+  __name: "pagination-results-per-page",
+  props: {
+    itemsPerPage: { default: 50 },
+    totalCount: { default: null }
+  },
+  emits: ["select"],
+  setup(s, { emit: t }) {
+    const e = s, { t: a, n } = m(), i = x("b-pagination-context-number-elements"), g = p(() => [
+      { label: n(10), value: 10 },
+      { label: n(20), value: 20 },
+      { label: n(50), value: 50 },
+      { label: n(75), value: 75 },
+      { label: n(100), value: 100 }
+    ]), u = w(), _ = (r) => {
+      t("select", r);
+    }, o = p(() => e.totalCount ? "showingItemsWithTotal" : "showingItems");
+    return { __sfc: !0, t: a, n, props: e, emit: t, dropdownId: i, predefinedDropdownOptions: g, i18nComponent: u, onSelectChange: _, translationPathKey: o, BentoTypography: f, BentoDropdown: L, getI18nProps: $ };
+  }
+});
+var D = function() {
+  var t = this, e = t._self._c, a = t._self._setupProxy;
+  return e("div", { staticClass: "b-pagination-results-per-page" }, [e(a.BentoTypography, { attrs: { el: "div" } }, [e(a.i18nComponent, t._b({ tag: "component", staticClass: "b-pagination-results-per-page__dropdown-container", attrs: { tag: "div", plural: t.totalCount }, scopedSlots: t._u([{ key: "itemCount", fn: function() {
+    return [e(a.BentoDropdown, { staticClass: "b-pagination-results-per-page__dropdown", attrs: { id: a.dropdownId, "aria-label": a.t(a.translationPathKey, { itemCount: t.itemsPerPage, totalCount: t.totalCount }), condensed: "", items: a.predefinedDropdownOptions, "model-value": t.itemsPerPage }, on: { "update:model-value": a.onSelectChange } })];
+  }, proxy: !0 }, t.totalCount ? { key: "totalCount", fn: function() {
+    return [t._v(t._s(t.totalCount))];
+  }, proxy: !0 } : null], null, !0) }, "component", a.getI18nProps(a.translationPathKey), !1))], 1)], 1);
+}, Z = [], M = /* @__PURE__ */ c(
+  A,
+  D,
+  Z,
+  !1,
+  null,
+  "03112c6d"
+);
+const W = M.exports, E = {
+  "de-DE": {
+    pageNumber: "Seite {page}",
+    pageOneOfOne: "Seite 1 von 1"
+  },
+  "en-US": {
+    pageNumber: "Page {page}",
+    pageOneOfOne: "Page 1 of 1"
+  },
+  "es-ES": {
+    pageNumber: "Página {page}",
+    pageOneOfOne: "Página 1 de 1"
+  },
+  "fr-FR": {
+    pageNumber: "Page {page}",
+    pageOneOfOne: "Page 1 sur 1"
+  },
+  "ja-JP": {
+    pageNumber: "ページ{page}",
+    pageOneOfOne: "ページ1/1"
+  },
+  "pt-BR": {
+    pageNumber: "Página {page}",
+    pageOneOfOne: "Página 1 de 1"
+  }
+}, U = {
+  i18n: { messages: E }
+}, j = /* @__PURE__ */ d({
+  ...U,
+  __name: "pagination-context",
+  props: {
+    page: { default: 1 },
+    totalPages: { default: null },
+    virtualScroll: { type: Boolean, default: !1 }
+  },
+  emits: ["page-selected"],
+  setup(s, { emit: t }) {
+    const e = s, { t: a, n } = m(), i = x("bento-pagination-context-current-page"), g = (v) => t("page-selected", v), u = w(), _ = (v) => ({
+      label: n(v),
+      value: v
+    }), o = (v, h) => h + 1, r = p(
+      () => Array.from(new Array(e.totalPages), o).map(_)
+    );
+    return { __sfc: !0, props: e, emit: t, t: a, n, dropdownId: i, onPageSelectChange: g, i18nComponent: u, transformIntoOption: _, transformToPageNumber: o, listOfAvailablePages: r, BentoTypography: f, BentoDropdown: L, getI18nProps: $ };
+  }
+});
+var H = function() {
+  var t = this, e = t._self._c, a = t._self._setupProxy;
+  return e("div", { staticClass: "b-pagination-context" }, [t.totalPages > 1 ? e(a.BentoTypography, { attrs: { el: "div" } }, [e(a.i18nComponent, t._b({ tag: "component", attrs: { tag: "div" }, scopedSlots: t._u([{ key: "page", fn: function() {
+    return [e(a.BentoDropdown, { staticClass: "b-pagination-context__dropdown", attrs: { id: a.dropdownId, "aria-label": a.t("pageNumber", { page: a.n(t.page) }), condensed: "", items: a.listOfAvailablePages, "model-value": t.page, "virtual-scroll": t.virtualScroll }, on: { "update:model-value": a.onPageSelectChange } })];
+  }, proxy: !0 }], null, !1, 71756474) }, "component", a.getI18nProps("pageNumber"), !1))], 1) : t.totalPages === 1 ? e(a.BentoTypography, { attrs: { el: "span" } }, [t._v(" " + t._s(a.t("pageOneOfOne")) + " ")]) : e(a.BentoTypography, { attrs: { el: "span" } }, [t._v(" " + t._s(a.t("pageNumber", { page: a.n(t.page) })) + " ")])], 1);
+}, J = [], K = /* @__PURE__ */ c(
+  j,
+  H,
+  J,
+  !1,
+  null,
+  "17c29a81"
+);
+const V = K.exports;
+let P = 0;
+const q = {
+  beforeCreate() {
+    this.uuid = P.toString(), P += 1;
+  }
+};
+var G = function() {
+  var t = this, e = t._self._c;
+  return e("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? e("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), e("path", { attrs: { fill: "#001222", d: "M9.06055 8.00011L12.0605 5.00011L10.9999 3.93945L6.93923 8.00011L10.9999 12.0608L12.0605 11.0001L9.06055 8.00011Z" } }), e("path", { attrs: { fill: "#001222", d: "M4.25 4.25L4.25 11.75H5.75L5.75 4.25L4.25 4.25Z" } })]);
+}, Q = [], X = /* @__PURE__ */ c(
+  q,
+  G,
+  Q,
+  !1,
+  null,
+  null
+);
+const Y = X.exports;
+let C = 0;
+const tt = {
+  beforeCreate() {
+    this.uuid = C.toString(), C += 1;
+  }
+};
+var et = function() {
+  var t = this, e = t._self._c;
+  return e("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? e("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), e("path", { attrs: { fill: "#001222", d: "M6.93945 7.99962L3.93945 10.9996L5.00011 12.0603L9.06077 7.99963L5.00011 3.93896L3.93945 4.99963L6.93945 7.99962Z" } }), e("path", { attrs: { fill: "#001222", d: "M11.75 11.7497V4.24974L10.25 4.24974V11.7497H11.75Z" } })]);
+}, at = [], nt = /* @__PURE__ */ c(
+  tt,
+  et,
+  at,
+  !1,
+  null,
+  null
+);
+const st = nt.exports;
+let b = 0;
+const ot = {
+  beforeCreate() {
+    this.uuid = b.toString(), b += 1;
+  }
+};
+var it = function() {
+  var t = this, e = t._self._c;
+  return e("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? e("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), e("path", { attrs: { fill: "#001222", d: "M10.5608 5.00011L7.56077 8.00011L10.5608 11.0001L9.50011 12.0608L5.43945 8.00011L9.50011 3.93945L10.5608 5.00011Z" } })]);
+}, rt = [], lt = /* @__PURE__ */ c(
+  ot,
+  it,
+  rt,
+  !1,
+  null,
+  null
+);
+const gt = lt.exports;
+let T = 0;
+const ut = {
+  beforeCreate() {
+    this.uuid = T.toString(), T += 1;
+  }
+};
+var pt = function() {
+  var t = this, e = t._self._c;
+  return e("svg", t._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? e("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), e("path", { attrs: { fill: "#001222", d: "M5.43924 10.9999L8.43924 7.99989L5.43924 4.99989L6.4999 3.93923L10.5606 7.99989L6.4999 12.0605L5.43924 10.9999Z" } })]);
+}, ct = [], _t = /* @__PURE__ */ c(
+  ut,
+  pt,
+  ct,
+  !1,
+  null,
+  null
+);
+const vt = _t.exports, dt = {
+  "de-DE": {
+    navigateToTheFirstPage: "Zur ersten Seite navigieren",
+    navigateToTheLastPage: "Zur letzten Seite navigieren",
+    navigateToTheNextPage: "Zur nächsten Seite navigieren",
+    navigateToThePreviousPage: "Zur vorherigen Seite navigieren"
+  },
+  "en-US": {
+    navigateToTheFirstPage: "Navigate to the first page",
+    navigateToTheLastPage: "Navigate to the last page",
+    navigateToTheNextPage: "Navigate to the next page",
+    navigateToThePreviousPage: "Navigate to the previous page"
+  },
+  "es-ES": {
+    navigateToTheFirstPage: "Ir a la primera página",
+    navigateToTheLastPage: "Ir a la última página",
+    navigateToTheNextPage: "Ir a la página siguiente",
+    navigateToThePreviousPage: "Ir a la página anterior"
+  },
+  "fr-FR": {
+    navigateToTheFirstPage: "Accéder à la première page",
+    navigateToTheLastPage: "Accéder à la dernière page",
+    navigateToTheNextPage: "Accéder à la page suivante",
+    navigateToThePreviousPage: "Accéder à la page précédente"
+  },
+  "ja-JP": {
+    navigateToTheFirstPage: "最初のページに移動",
+    navigateToTheLastPage: "最後のページに移動",
+    navigateToTheNextPage: "次のページに移動",
+    navigateToThePreviousPage: "前のページに移動"
+  },
+  "pt-BR": {
+    navigateToTheFirstPage: "Ir para a primeira página",
+    navigateToTheLastPage: "Ir para a última página",
+    navigateToTheNextPage: "Ir para a próxima página",
+    navigateToThePreviousPage: "Ir para a página anterior"
+  }
+}, ft = {
+  i18n: { messages: dt }
+}, mt = /* @__PURE__ */ d({
+  ...ft,
+  __name: "pagination-controls",
+  props: {
+    hasNext: { type: Boolean, default: null },
+    page: null,
+    totalPages: { default: null }
+  },
+  emits: ["navigate"],
+  setup(s, { emit: t }) {
+    const e = s, { t: a } = m(), n = p(() => e.page === 1), i = p(() => e.page === e.totalPages), g = p(() => !e.hasNext || i.value), u = p(() => {
+      const o = !e.hasNext, r = !e.totalPages;
+      return o || i.value || r;
+    });
+    return { __sfc: !0, props: e, emit: t, t: a, isCurrentPageFirst: n, isCurrentPageLast: i, isNextButtonDisabled: g, isLastPageButtonDisabled: u, navigate: (o) => {
+      t("navigate", o);
+    }, BentoButton: O, SkipLeft: Y, SkipRight: st, ChevronLeft: gt, ChevronRight: vt };
+  }
+});
+var ht = function() {
+  var t = this, e = t._self._c, a = t._self._setupProxy;
+  return e("ul", { staticClass: "b-pagination-controls" }, [e("li", { staticClass: "b-pagination-controls__item" }, [e(a.BentoButton, { attrs: { disabled: a.isCurrentPageFirst, variant: "tertiary", condensed: "" }, on: { click: function(n) {
+    return a.navigate(1);
+  } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
+    return [e(a.SkipLeft, { attrs: { "svg-title": a.t("navigateToTheFirstPage") } })];
+  }, proxy: !0 }]) })], 1), e("li", { staticClass: "b-pagination-controls__item" }, [e(a.BentoButton, { attrs: { disabled: a.isCurrentPageFirst, variant: "tertiary", condensed: "" }, on: { click: function(n) {
+    return a.navigate(t.page - 1);
+  } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
+    return [e(a.ChevronLeft, { attrs: { "svg-title": a.t("navigateToThePreviousPage") } })];
+  }, proxy: !0 }]) })], 1), e("li", { staticClass: "b-pagination-controls__item" }, [e(a.BentoButton, { attrs: { disabled: a.isNextButtonDisabled, variant: "tertiary", condensed: "" }, on: { click: function(n) {
+    return a.navigate(t.page + 1);
+  } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
+    return [e(a.ChevronRight, { attrs: { "svg-title": a.t("navigateToTheNextPage") } })];
+  }, proxy: !0 }]) })], 1), e("li", { staticClass: "b-pagination-controls__item" }, [e(a.BentoButton, { attrs: { disabled: a.isLastPageButtonDisabled, variant: "tertiary", condensed: "" }, on: { click: function(n) {
+    return a.navigate(t.totalPages);
+  } }, scopedSlots: t._u([{ key: "iconLeft", fn: function() {
+    return [e(a.SkipRight, { attrs: { "svg-title": a.t("navigateToTheLastPage") } })];
+  }, proxy: !0 }]) })], 1)]);
+}, Pt = [], Ct = /* @__PURE__ */ c(
+  mt,
+  ht,
+  Pt,
+  !1,
+  null,
+  "65f213a4"
+);
+const bt = Ct.exports, Tt = {}, Lt = /* @__PURE__ */ d({
+  ...Tt,
+  __name: "pagination",
+  props: {
+    ariaLabel: { default: null },
+    hasNext: { type: Boolean, default: null },
+    hidePageSize: { type: Boolean, default: !1 },
+    page: { default: 1 },
+    size: { default: 20 },
+    totalCount: { default: null },
+    virtualScroll: { type: Boolean, default: !1 }
+  },
+  emits: ["navigate", "items-page", "update:page", "update:size"],
+  setup(s, { emit: t }) {
+    const e = s, a = S(), n = R(a), i = B(), g = N(i["aria-label"]), { ariaLabel: u } = I(e), _ = F({
+      ariaLabel: g.value,
+      // TODO: take this line away when the aria-label props is removed
+      label: u
+    }), o = p(
+      () => !e.totalCount || !e.size ? null : Math.ceil(e.totalCount / e.size)
+    ), r = (l, y) => {
+      e.hidePageSize ? t("navigate", l) : t("navigate", l, y ?? (e == null ? void 0 : e.size)), t("update:page", l);
+    };
+    return { __sfc: !0, props: e, emit: t, slots: a, hasSlot: n, attrs: i, ariaLabelAttribute: g, ariaLabel: u, computedAriaLabel: _, totalPages: o, navigate: r, onPageSelected: (l) => {
+      r(l);
+    }, onItemsPerPageChange: (l) => {
+      t("items-page", l), t("update:size", l), r(1, l);
+    }, navigationConditionalClasses: () => ({
+      "b-pagination__navigation--only-page-navigator": !n("default") && e.hidePageSize
+    }), BentoTypography: f, BentoPaginationResultsPerPage: W, BentoPaginationContext: V, BentoPaginationControls: bt };
+  }
+});
+var xt = function() {
+  var t = this, e = t._self._c, a = t._self._setupProxy;
+  return e("div", { staticClass: "b-pagination" }, [e("nav", { staticClass: "b-pagination__navigation", class: a.navigationConditionalClasses(), attrs: { "aria-label": a.computedAriaLabel } }, [t.hidePageSize ? a.hasSlot("default") ? e(a.BentoTypography, [t._t("default")], 2) : t._e() : e(a.BentoPaginationResultsPerPage, { staticClass: "b-pagination__results-per-page", attrs: { "items-per-page": t.size, "total-count": t.totalCount }, on: { select: a.onItemsPerPageChange } }), e("div", { staticClass: "b-pagination__page-navigator" }, [e(a.BentoPaginationContext, { staticClass: "b-pagination__context", attrs: { "total-pages": a.totalPages, page: t.page, "total-count": t.totalCount, "virtual-scroll": t.virtualScroll }, on: { "page-selected": a.onPageSelected } }), e("div", { staticClass: "b-pagination__divider" }), e(a.BentoPaginationControls, { staticClass: "b-pagination__controls", attrs: { "has-next": t.hasNext, page: t.page, "total-pages": a.totalPages }, on: { navigate: a.navigate } })], 1)], 1)]);
+}, $t = [], wt = /* @__PURE__ */ c(
+  Lt,
+  xt,
+  $t,
+  !1,
+  null,
+  "b3d5cd4e"
+);
+const Dt = wt.exports;
+export {
+  Dt as B
+};
+//# sourceMappingURL=pagination.CylAnOyc.js.map

package/dist/chunks/pagination.CylAnOyc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.CylAnOyc.js","sources":["../../src/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue","../../src/components/pagination/components/pagination-context/pagination-context.vue","../../../ui-assets/icons-16/dist/vue/skip-left.vue","../../../ui-assets/icons-16/dist/vue/skip-right.vue","../../../ui-assets/icons-16/dist/vue/chevron-left-small.vue","../../../ui-assets/icons-16/dist/vue/chevron-right-small.vue","../../src/components/pagination/components/pagination-controls/pagination-controls.vue","../../src/components/pagination/pagination.vue"],"sourcesContent":["<template>\n    <div class=\"b-pagination-results-per-page\">\n        <bento-typography el=\"div\">\n            <component\n                :is=\"i18nComponent\"\n                v-bind=\"getI18nProps(translationPathKey)\"\n                class=\"b-pagination-results-per-page__dropdown-container\"\n                tag=\"div\"\n                :plural=\"totalCount\"\n            >\n                <template #itemCount>\n                    <bento-dropdown\n                        :id=\"dropdownId\"\n                        :aria-label=\"t(translationPathKey, { itemCount: itemsPerPage, totalCount })\"\n                        class=\"b-pagination-results-per-page__dropdown\"\n                        condensed\n                        :items=\"predefinedDropdownOptions\"\n                        :model-value=\"itemsPerPage\"\n                        @update:model-value=\"onSelectChange\"\n                    />\n                </template>\n                <template v-if=\"!!totalCount\" #totalCount>{{ totalCount }}</template>\n            </component>\n        </bento-typography>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { generateUid } from '@/core/utils/ts';\n    import { getI18nComponent, getI18nProps, useI18n } from '@/utils/ts/i18n';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const { t, n } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const props = defineProps({\n  itemsPerPage: { default: 50 },\n  totalCount: { default: null }\n});\n\n    const emit = defineEmits([\"select\"]);\n\n    const dropdownId = generateUid('b-pagination-context-number-elements');\n    const predefinedDropdownOptions = computed(() => [\n        { label: n(10), value: 10 },\n        { label: n(20), value: 20 },\n        { label: n(50), value: 50 },\n        { label: n(75), value: 75 },\n        { label: n(100), value: 100 },\n    ]);\n    const i18nComponent = getI18nComponent();\n\n    const onSelectChange = (selectedNumberOfResults: number) => {\n        emit('select', selectedNumberOfResults);\n    };\n\n    const translationPathKey = computed(() => (props.totalCount ? 'showingItemsWithTotal' : 'showingItems'));\n</script>\n\n<script lang=\"ts\">\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-results-per-page.scss\" />\n","<template>\n    <div class=\"b-pagination-context\">\n        <bento-typography v-if=\"totalPages > 1\" el=\"div\">\n            <component :is=\"i18nComponent\" v-bind=\"getI18nProps('pageNumber')\" tag=\"div\">\n                <template #page>\n                    <bento-dropdown\n                        :id=\"dropdownId\"\n                        :aria-label=\"t('pageNumber', { page: n(page) })\"\n                        class=\"b-pagination-context__dropdown\"\n                        condensed\n                        :items=\"listOfAvailablePages\"\n                        :model-value=\"page\"\n                        :virtual-scroll=\"virtualScroll\"\n                        @update:model-value=\"onPageSelectChange\"\n                    />\n                </template>\n            </component>\n        </bento-typography>\n        <bento-typography v-else-if=\"totalPages === 1\" el=\"span\">\n            {{ t('pageOneOfOne') }}\n        </bento-typography>\n        <bento-typography v-else el=\"span\">\n            {{ t('pageNumber', { page: n(page) }) }}\n        </bento-typography>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoDropdown } from '@/components/dropdown';\n    import { type BentoListboxOptionItem } from '@/types/listbox';\n    import { generateUid } from '@/core/utils/ts';\n    import messages from './messages.json';\n    import { getI18nComponent, getI18nProps, useI18n } from '@/utils/ts/i18n';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n  page: { default: 1 },\n  totalPages: { default: null },\n  virtualScroll: { type: Boolean, default: false }\n});\n    const emit = defineEmits([\"page-selected\"]);\n\n    const { t, n } = useI18n<{ message: MessageSchema }>({ messages });\n    const dropdownId = generateUid('bento-pagination-context-current-page');\n    const onPageSelectChange = (selectedPage: string | number) => emit('page-selected', selectedPage);\n    const i18nComponent = getI18nComponent();\n\n    // Generate a list of pages from 1 to \"totalPages\"\n    const transformIntoOption = (value: number): BentoListboxOptionItem => ({\n        label: n(value),\n        value,\n    });\n    const transformToPageNumber = (_, index) => index + 1;\n    const listOfAvailablePages = computed(() =>\n        Array.from(new Array(props.totalPages), transformToPageNumber).map(transformIntoOption)\n    );\n</script>\n\n<script lang=\"ts\">\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-context.scss\" />\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M9.06055 8.00011L12.0605 5.00011L10.9999 3.93945L6.93923 8.00011L10.9999 12.0608L12.0605 11.0001L9.06055 8.00011Z\"/><path fill=\"#001222\" d=\"M4.25 4.25L4.25 11.75H5.75L5.75 4.25L4.25 4.25Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M6.93945 7.99962L3.93945 10.9996L5.00011 12.0603L9.06077 7.99963L5.00011 3.93896L3.93945 4.99963L6.93945 7.99962Z\"/><path fill=\"#001222\" d=\"M11.75 11.7497V4.24974L10.25 4.24974V11.7497H11.75Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M10.5608 5.00011L7.56077 8.00011L10.5608 11.0001L9.50011 12.0608L5.43945 8.00011L9.50011 3.93945L10.5608 5.00011Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M5.43924 10.9999L8.43924 7.99989L5.43924 4.99989L6.4999 3.93923L10.5606 7.99989L6.4999 12.0605L5.43924 10.9999Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","<template>\n    <ul class=\"b-pagination-controls\">\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the first page -->\n            <bento-button :disabled=\"isCurrentPageFirst\" variant=\"tertiary\" condensed @click=\"navigate(1)\">\n                <template #iconLeft>\n                    <skip-left :svg-title=\"t('navigateToTheFirstPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the previous page -->\n            <bento-button :disabled=\"isCurrentPageFirst\" variant=\"tertiary\" condensed @click=\"navigate(page - 1)\">\n                <template #iconLeft>\n                    <chevron-left :svg-title=\"t('navigateToThePreviousPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the next page -->\n            <bento-button :disabled=\"isNextButtonDisabled\" variant=\"tertiary\" condensed @click=\"navigate(page + 1)\">\n                <template #iconLeft>\n                    <chevron-right :svg-title=\"t('navigateToTheNextPage')\" />\n                </template>\n            </bento-button>\n        </li>\n        <li class=\"b-pagination-controls__item\">\n            <!-- Navigate to the last page -->\n            <bento-button\n                :disabled=\"isLastPageButtonDisabled\"\n                variant=\"tertiary\"\n                condensed\n                @click=\"navigate(totalPages)\"\n            >\n                <template #iconLeft>\n                    <skip-right :svg-title=\"t('navigateToTheLastPage')\" />\n                </template>\n            </bento-button>\n        </li>\n    </ul>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed } from 'vue';\n    import { BentoButton } from '@/components/button';\n    import { useI18n } from '@/utils/ts/i18n';\n    import SkipLeft from '@adyen/ui-assets-icons-16/vue/skip-left';\n    import SkipRight from '@adyen/ui-assets-icons-16/vue/skip-right';\n    import ChevronLeft from '@adyen/ui-assets-icons-16/vue/chevron-left-small';\n    import ChevronRight from '@adyen/ui-assets-icons-16/vue/chevron-right-small';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = defineProps({\n  hasNext: { type: Boolean, default: null },\n  page: null,\n  totalPages: { default: null }\n});\n\n    const emit = defineEmits([\"navigate\"]);\n\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const isCurrentPageFirst = computed(() => props.page === 1);\n    const isCurrentPageLast = computed(() => props.page === props.totalPages);\n    const isNextButtonDisabled = computed(() => {\n        const hasNoNextPage = !props.hasNext;\n        return hasNoNextPage || isCurrentPageLast.value;\n    });\n    const isLastPageButtonDisabled = computed(() => {\n        const hasNoNextPage = !props.hasNext;\n        const hasNoTotalPagesNumber = !props.totalPages;\n\n        return hasNoNextPage || isCurrentPageLast.value || hasNoTotalPagesNumber;\n    });\n\n    const navigate = (pageArg: number) => {\n        emit('navigate', pageArg);\n    };\n</script>\n\n<script lang=\"ts\">\n    export default {\n        i18n: { messages },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination-controls.scss\" />\n","<template>\n    <div class=\"b-pagination\">\n        <nav :aria-label=\"computedAriaLabel\" class=\"b-pagination__navigation\" :class=\"navigationConditionalClasses()\">\n            <bento-pagination-results-per-page\n                v-if=\"!hidePageSize\"\n                class=\"b-pagination__results-per-page\"\n                :items-per-page=\"size\"\n                :total-count=\"totalCount\"\n                @select=\"onItemsPerPageChange\"\n            />\n            <bento-typography v-else-if=\"hasSlot('default')\"><slot /></bento-typography>\n\n            <div class=\"b-pagination__page-navigator\">\n                <bento-pagination-context\n                    class=\"b-pagination__context\"\n                    :total-pages=\"totalPages\"\n                    :page=\"page\"\n                    :total-count=\"totalCount\"\n                    :virtual-scroll=\"virtualScroll\"\n                    @page-selected=\"onPageSelected\"\n                />\n\n                <div class=\"b-pagination__divider\"></div>\n\n                <bento-pagination-controls\n                    class=\"b-pagination__controls\"\n                    :has-next=\"hasNext\"\n                    :page=\"page\"\n                    :total-pages=\"totalPages\"\n                    @navigate=\"navigate\"\n                />\n            </div>\n        </nav>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ref, toRefs, useAttrs, useSlots } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import BentoPaginationResultsPerPage from './components/pagination-results-per-page/pagination-results-per-page.vue';\n    import BentoPaginationContext from './components/pagination-context/pagination-context.vue';\n    import BentoPaginationControls from './components/pagination-controls/pagination-controls.vue';\n    import { useAriaLabel } from '@/utils/ts/aria-label';\n    import { useHasSlot } from '@/composables';\n    import type { BentoPaginationProps } from './pagination.types';\n\n    const props = defineProps({\n  ariaLabel: { default: null },\n  hasNext: { type: Boolean, default: null },\n  hidePageSize: { type: Boolean, default: false },\n  page: { default: 1 },\n  size: { default: 20 },\n  totalCount: { default: null },\n  virtualScroll: { type: Boolean, default: false }\n});\n\n    const emit = defineEmits([\"navigate\", \"items-page\", \"update:page\", \"update:size\"]);\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const attrs = useAttrs();\n    const ariaLabelAttribute = ref(attrs['aria-label']);\n    const { ariaLabel } = toRefs(props);\n    const computedAriaLabel = useAriaLabel({\n        ariaLabel: ariaLabelAttribute.value as string,\n        // TODO: take this line away when the aria-label props is removed\n        label: ariaLabel,\n    });\n\n    const totalPages = computed(() =>\n        !props.totalCount || !props.size ? null : Math.ceil(props.totalCount / props.size)\n    );\n\n    const navigate = (pageArg: number, itemsPerPage?: number) => {\n        if (props.hidePageSize) {\n            emit('navigate', pageArg);\n        } else {\n            emit('navigate', pageArg, itemsPerPage ?? props?.size);\n        }\n        emit('update:page', pageArg);\n    };\n\n    const onPageSelected = (pageNumber: number) => {\n        navigate(pageNumber);\n    };\n\n    const onItemsPerPageChange = (elements: number) => {\n        emit('items-page', elements);\n        emit('update:size', elements);\n\n        // Always go to first page when the\n        // number of items page changes\n        navigate(1, elements);\n    };\n\n    const navigationConditionalClasses = () => ({\n        'b-pagination__navigation--only-page-navigator': !hasSlot('default') && props.hidePageSize,\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Paginiation component to help users page through data sets.\n     *\n     * There are two ways of doing navigation in this component:\n     *      1. (Basic) You tell the component if there is a next page (hasNext)\n     *      2. (Enhanced) You tell the component:\n     *          - How many total items exist (totalCount)\n     *          - The max number of items that you show/fetch per page (size)\n     *          - In this case you should not set the hasNext props\n     *\n     * If you have the data available and opt to use the Enhanced way you get extra controls:\n     *      - Page dropdown selector\n     *      - Last page button\n     *      - \"Showing 10 of 200 items\" text\n     *\n     * @usage\n     * import { BentoPagination } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoPagination },\n     *     template: `\n     *         <bento-pagination :has-next=\"isNextPage\" />\n     *     `,\n     * }\n     */\n\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./pagination.scss\" />\n"],"names":["__default__$3","messages$2","t","useI18n","dropdownId","generateUid","predefinedDropdownOptions","computed","i18nComponent","getI18nComponent","onSelectChange","selectedNumberOfResults","emit","translationPathKey","props","__default__$2","messages$1","onPageSelectChange","selectedPage","transformIntoOption","value","transformToPageNumber","_","index","listOfAvailablePages","uuid$3","_sfc_main$5","uuid$2","_sfc_main$4","uuid$1","_sfc_main$3","uuid","_sfc_main$2","__default__$1","messages","isCurrentPageFirst","isCurrentPageLast","isNextButtonDisabled","isLastPageButtonDisabled","hasNoNextPage","hasNoTotalPagesNumber","pageArg","__default__","slots","useSlots","hasSlot","useHasSlot","attrs","useAttrs","ariaLabelAttribute","ref","ariaLabel","toRefs","computedAriaLabel","useAriaLabel","totalPages","navigate","itemsPerPage","pageNumber","elements"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiEIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;iBA7BA,EAAA,GAAAC,GAAA,EAAA,IAAAC,EAAA,GASAC,IAAAC,EAAA,sCAAA,GACAC,IAAAC,EAAA,MAAA;AAAA,MAAiD,EAAA,OAAA,EAAA,EAAA,GAAA,OAAA,GAAA;AAAA,MACnB,EAAA,OAAA,EAAA,EAAA,GAAA,OAAA,GAAA;AAAA,MACA,EAAA,OAAA,EAAA,EAAA,GAAA,OAAA,GAAA;AAAA,MACA,EAAA,OAAA,EAAA,EAAA,GAAA,OAAA,GAAA;AAAA,MACA,EAAA,OAAA,EAAA,GAAA,GAAA,OAAA,IAAA;AAAA,IACE,CAAA,GAEhCC,IAAAC,EAAA,GAEAC,IAAA,CAAAC,MAAA;AACI,MAAAC,EAAA,UAAAD,CAAA;AAAA,IAAsC,GAG1CE,IAAAN,EAAA,MAAAO,EAAA,aAAA,0BAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCCAC,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;iBAnBA,EAAA,GAAAd,GAAA,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,uCAAA,GACAY,IAAA,CAAAC,MAAAN,EAAA,iBAAAM,CAAA,GACAV,IAAAC,EAAA,GAGAU,IAAA,CAAAC,OAAA;AAAA,MAAwE,OAAA,EAAAA,CAAA;AAAA,MACtD,OAAAA;AAAA,IACd,IAEJC,IAAA,CAAAC,GAAAC,MAAAA,IAAA,GACAC,IAAAjB;AAAA,MAA6B,MAAA,MAAA,KAAA,IAAA,MAAAO,EAAA,UAAA,GAAAO,CAAA,EAAA,IAAAF,CAAA;AAAA,IAC6D;;;;;;;;;;;;;;;;;;AClD9F,IAAAM,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;ACPA,IAAAE,IAAA;AAEA,MAAAC,KAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;ACPA,IAAAE,IAAA;AAEA,MAAAC,KAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;ACPA,IAAAE,IAAA;AAEA,MAAAC,KAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCsEIE,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,GAAA;AAEf;;;;;;;;;;iBAvBA,EAAA,GAAAhC,EAAA,IAAAC,EAAA,GAEAgC,IAAA5B,EAAA,MAAAO,EAAA,SAAA,CAAA,GACAsB,IAAA7B,EAAA,MAAAO,EAAA,SAAAA,EAAA,UAAA,GACAuB,IAAA9B,EAAA,MACI,CAAAO,EAAA,WACAsB,EAAA,KAA0C,GAE9CE,IAAA/B,EAAA,MAAA;AACI,YAAAgC,IAAA,CAAAzB,EAAA,SACA0B,IAAA,CAAA1B,EAAA;AAEA,aAAAyB,KAAAH,EAAA,SAAAI;AAAA,IAAmD,CAAA;8JAGvD,CAAAC,MAAA;AACI,MAAA7B,EAAA,YAAA6B,CAAA;AAAA,IAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBCiD5BC,KAAA,CAAA;;;;;;;;;;;;;;iBAtEAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,GACAC,IAAAC,EAAAH,EAAA,YAAA,CAAA,GACA,EAAA,WAAAI,EAAA,IAAAC,EAAAtC,CAAA,GACAuC,IAAAC,EAAA;AAAA,MAAuC,WAAAL,EAAA;AAAA;AAAA,MACL,OAAAE;AAAA,IAEvB,CAAA,GAGXI,IAAAhD;AAAA,MAAmB,MAAA,CAAAO,EAAA,cAAA,CAAAA,EAAA,OAAA,OAAA,KAAA,KAAAA,EAAA,aAAAA,EAAA,IAAA;AAAA,IACkE,GAGrF0C,IAAA,CAAAf,GAAAgB,MAAA;AACI,MAAA3C,EAAA,eACIF,EAAA,YAAA6B,CAAA,IAEA7B,EAAA,YAAA6B,GAAAgB,MAAA3C,KAAA,gBAAAA,EAAA,KAAA,GAEJF,EAAA,eAAA6B,CAAA;AAAA,IAA2B;kLAG/B,CAAAiB,MAAA;AACI,MAAAF,EAAAE,CAAA;AAAA,IAAmB,yBAGvB,CAAAC,MAAA;AACI,MAAA/C,EAAA,cAAA+C,CAAA,GACA/C,EAAA,eAAA+C,CAAA,GAIAH,EAAA,GAAAG,CAAA;AAAA,IAAoB,iCAGxB,OAAA;AAAA,MAA4C,iDAAA,CAAAd,EAAA,SAAA,KAAA/B,EAAA;AAAA,IACsC;;;;;;;;;;;;;;;"}

package/dist/chunks/payment-method.C8Ie97qE.js

@@ -0,0 +1,76 @@
+import { ref as n, watch as l, defineComponent as i, toRef as h, computed as y, inject as v } from "vue";
+import { B as C } from "./typography.hlOAxsEn.js";
+import { S as g } from "./summary-grid.keys.Xx-W5a2w.js";
+import { n as c } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import "../assets/payment-method.css";
+const b = (a) => `https://checkoutshopper-live.cdn.adyen.com/checkoutshopper/images/logos/${a}.svg`, I = (a) => {
+  const t = n(a), e = n();
+  return l(
+    t,
+    (s) => {
+      s == null || s === "Unknowncard" || (e.value = b(s));
+    },
+    { immediate: !0 }
+  ), e;
+};
+let o = 0;
+const w = {
+  beforeCreate() {
+    this.uuid = o.toString(), o += 1;
+  }
+};
+var S = function() {
+  var t = this, e = t._self._c;
+  return e("svg", t._b({ staticClass: "ui-assets-icons-pm", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "40", height: "26", fill: "none" } }, "svg", t.$attrs, !1), [t.$attrs["svg-title"] ? e("title", [t._v(t._s(t.$attrs["svg-title"]))]) : t._e(), e("g", { attrs: { "clip-path": "url(#uia-ui-assets/icons-pm-unknowncard__a" + t.uuid + ")" } }, [e("path", { attrs: { fill: "#fff", d: "M0 0H40V26H0V0Z" } }), e("path", { attrs: { fill: "#00112C", d: "M32 9V8C32 7.20435 31.6839 6.44129 31.1213 5.87868C30.5587 5.31607 29.7956 5 29 5H11C10.2044 5 9.44129 5.31607 8.87868 5.87868C8.31607 6.44129 8 7.20435 8 8V9H32Z" } }), e("path", { attrs: { fill: "#00112C", d: "M8 12V18C8 18.7956 8.31607 19.5587 8.87868 20.1213C9.44129 20.6839 10.2044 21 11 21H29C29.7956 21 30.5587 20.6839 31.1213 20.1213C31.6839 19.5587 32 18.7956 32 18V12H8Z" } }), e("rect", { attrs: { width: "5", height: "2", x: "24", y: "16", fill: "#fff", rx: ".5" } })]), e("defs", [e("clipPath", { attrs: { id: "uia-ui-assets/icons-pm-unknowncard__a" + t.uuid } }, [e("rect", { attrs: { width: "40", height: "26", fill: "#fff" } })])])]);
+}, M = [], k = /* @__PURE__ */ c(
+  w,
+  S,
+  M,
+  !1,
+  null,
+  null
+);
+const U = k.exports, $ = i({
+  name: "bento-payment-method"
+}), x = /* @__PURE__ */ i({
+  ...$,
+  props: {
+    label: { default: null },
+    small: { type: Boolean, default: !1 },
+    type: { default: "Unknowncard" }
+  },
+  setup(a) {
+    const t = a, e = h(t, "type"), s = n(!1), d = I(e), _ = y(() => ({
+      "b-payment-method__icon--small": t.small
+    })), r = v(
+      g,
+      () => ({
+        isSummaryGridLayout: !1
+      })
+    ), { isSummaryGridLayout: m } = r(), p = () => {
+      s.value = !0;
+    };
+    return l(
+      () => e.value,
+      (u, f) => {
+        u !== f && (s.value = !1);
+      }
+    ), { __sfc: !0, props: t, type: e, hasErroredOnImage: s, paymentMethodIconSrc: d, conditionalIconClasses: _, registerPaymentMethodInSummaryGrid: r, isSummaryGridLayout: m, onSrcError: p, BentoTypography: C, UnknownCardIcon: U };
+  }
+});
+var B = function() {
+  var t = this, e = t._self._c, s = t._self._setupProxy;
+  return e("div", { staticClass: "b-payment-method" }, [e("div", { staticClass: "b-payment-method__icon-container" }, [s.type !== "Unknowncard" && !s.hasErroredOnImage ? e("img", { staticClass: "b-payment-method__icon", class: s.conditionalIconClasses, attrs: { "aria-hidden": "true", alt: t.label, src: s.paymentMethodIconSrc }, on: { error: s.onSrcError } }) : e(s.UnknownCardIcon, { attrs: { "svg-title": t.label, "aria-hidden": "true" } })], 1), t.label ? e("div", { staticClass: "b-payment-method__label" }, [s.isSummaryGridLayout ? e("span", [t._v(t._s(t.label))]) : e(s.BentoTypography, { attrs: { el: "span" } }, [t._v(t._s(t.label))])], 1) : t._e()]);
+}, E = [], H = /* @__PURE__ */ c(
+  x,
+  B,
+  E,
+  !1,
+  null,
+  "970df803"
+);
+const O = H.exports;
+export {
+  O as B
+};
+//# sourceMappingURL=payment-method.C8Ie97qE.js.map

package/dist/chunks/payment-method.C8Ie97qE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-method.C8Ie97qE.js","sources":["../../src/components/payment-method/composables/use-payment-icon/use-payment-icon.ts","../../../ui-assets/icons-pm/dist/vue/unknowncard.vue","../../src/components/payment-method/payment-method.vue"],"sourcesContent":["import { ref, type Ref, watch } from 'vue';\n\n/**\n * Generates the payment icon URl from a payment icons string.\n * @param paymentType - the payment icon you wish to generate a URL for.\n * @returns the payment icon URL to the SVG for a specific payment icon.\n */\nexport const paymentMethodToCdnUrl = (paymentType: string) =>\n    `https://checkoutshopper-live.cdn.adyen.com/checkoutshopper/images/logos/${paymentType}.svg`;\n/**\n * Dynamically retrieves the payment method icon SVG from the @adyen/ui-assets-payment-method-icons package.\n *\n * @param type the type of payment method\n * @param useFallback if fallback icon should be used in case of error\n * @returns\n */\nexport const usePaymentIcon = (type: Ref<string>) => {\n    const paymentType = ref(type);\n    const paymentIconSrc = ref<string>();\n\n    watch(\n        paymentType,\n        newPaymentType => {\n            if (newPaymentType == null || newPaymentType === 'Unknowncard') {\n                return;\n            }\n            // TODO: what about when to use checkoutshopper-test? Should we add this to the config of Bento?\n            paymentIconSrc.value = paymentMethodToCdnUrl(newPaymentType);\n        },\n        { immediate: true }\n    );\n\n    return paymentIconSrc;\n};\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-pm\" xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"26\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-ui-assets/icons-pm-unknowncard__a' + uuid + ')'\"><path fill=\"#fff\" d=\"M0 0H40V26H0V0Z\"/><path fill=\"#00112C\" d=\"M32 9V8C32 7.20435 31.6839 6.44129 31.1213 5.87868C30.5587 5.31607 29.7956 5 29 5H11C10.2044 5 9.44129 5.31607 8.87868 5.87868C8.31607 6.44129 8 7.20435 8 8V9H32Z\"/><path fill=\"#00112C\" d=\"M8 12V18C8 18.7956 8.31607 19.5587 8.87868 20.1213C9.44129 20.6839 10.2044 21 11 21H29C29.7956 21 30.5587 20.6839 31.1213 20.1213C31.6839 19.5587 32 18.7956 32 18V12H8Z\"/><rect width=\"5\" height=\"2\" x=\"24\" y=\"16\" fill=\"#fff\" rx=\".5\"/></g><defs><clipPath :id=\"'uia-ui-assets/icons-pm-unknowncard__a' + uuid\"><rect width=\"40\" height=\"26\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","<template>\n    <div class=\"b-payment-method\">\n        <div class=\"b-payment-method__icon-container\">\n            <img\n                v-if=\"type !== 'Unknowncard' && !hasErroredOnImage\"\n                aria-hidden=\"true\"\n                class=\"b-payment-method__icon\"\n                :class=\"conditionalIconClasses\"\n                :alt=\"label\"\n                :src=\"paymentMethodIconSrc\"\n                @error=\"onSrcError\"\n            />\n            <unknown-card-icon v-else :svg-title=\"label\" aria-hidden=\"true\" />\n        </div>\n        <div v-if=\"label\" class=\"b-payment-method__label\">\n            <span v-if=\"isSummaryGridLayout\">{{ label }}</span>\n            <bento-typography v-else el=\"span\">{{ label }}</bento-typography>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, defineComponent, inject, ref, toRef, watch } from 'vue';\n    import { BentoTypography } from '@/components/typography';\n    import { SUMMARY_GRID_LAYOUT_INJECTION_KEY } from '@/components/summary-grid/summary-grid.keys';\n    import { type BentoSummaryGridLayout } from '@/components/summary-grid';\n    import { usePaymentIcon } from './composables/use-payment-icon/use-payment-icon';\n    import type { BentoPaymentMethodProps } from './payment-method.types';\n    import UnknownCardIcon from '@adyen/ui-assets-payment-method-icons/vue/unknowncard';\n\n    const props = defineProps({\n  label: { default: null },\n  small: { type: Boolean, default: false },\n  type: { default: 'Unknowncard' }\n});\n    const type = toRef(props, 'type');\n    const hasErroredOnImage = ref(false);\n    const paymentMethodIconSrc = usePaymentIcon(type);\n    const conditionalIconClasses = computed(() => ({\n        'b-payment-method__icon--small': props.small,\n    }));\n\n    /* == Summary-grid styles == */\n    const registerPaymentMethodInSummaryGrid: BentoSummaryGridLayout = inject(\n        SUMMARY_GRID_LAYOUT_INJECTION_KEY,\n        () => ({\n            isSummaryGridLayout: false,\n        })\n    );\n\n    const { isSummaryGridLayout } = registerPaymentMethodInSummaryGrid();\n\n    /**\n     * This funciton is fired if the payment image source is not valid and has thrown an error.\n     */\n    const onSrcError = () => {\n        hasErroredOnImage.value = true;\n    };\n\n    // Reset the image error to be able to load the new payment type\n    watch(\n        () => type.value,\n        (newType, oldType) => {\n            if (newType !== oldType) {\n                hasErroredOnImage.value = false;\n            }\n        }\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A payment method type component to display the type's icon and label.\n     *\n     * @example\n     * import { BentoPaymentMethod} from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoPaymentMethod },\n     *     template: `\n     *          <bento-payment-method type=\"ideal\" />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-payment-method',\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./payment-method.scss\" />\n"],"names":["paymentMethodToCdnUrl","paymentType","usePaymentIcon","type","ref","paymentIconSrc","watch","newPaymentType","uuid","_sfc_main$1","__default__","defineComponent","toRef","props","hasErroredOnImage","paymentMethodIconSrc","conditionalIconClasses","computed","registerPaymentMethodInSummaryGrid","inject","SUMMARY_GRID_LAYOUT_INJECTION_KEY","isSummaryGridLayout","onSrcError","newType","oldType"],"mappings":";;;;;AAOO,MAAAA,IAAA,CAAAC,MAAA,2EAAAA,CAAA,QASMC,IAAA,CAAAC,MAAA;AACT,QAAAF,IAAAG,EAAAD,CAAA,GACAE,IAAAD,EAAA;AAEA,SAAAE;AAAA,IAAAL;AAAA,IACI,CAAAM,MAAA;AAEI,MAAAA,KAAA,QAAAA,MAAA,kBAIAF,EAAA,QAAAL,EAAAO,CAAA;AAAA,IAA2D;AAAA,IAC/D,EAAA,WAAA,GAAA;AAAA,EACkB,GAGtBF;AACJ;AC1BA,IAAAG,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;qBCsEIE,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAE/B,CAAA;;;;;;;;iBAnDAR,IAAAS,EAAAC,GAAA,MAAA,GACAC,IAAAV,EAAA,EAAA,GACAW,IAAAb,EAAAC,CAAA,GACAa,IAAAC,EAAA,OAAA;AAAA,MAA+C,iCAAAJ,EAAA;AAAA,IACJ,EAAA,GAI3CK,IAAAC;AAAA,MAAmEC;AAAA,MAC/D,OAAA;AAAA,QACO,qBAAA;AAAA,MACkB;AAAA,IACzB,GAGJ,EAAA,qBAAAC,EAAA,IAAAH,EAAA,GAKAI,IAAA,MAAA;AACI,MAAAR,EAAA,QAAA;AAAA,IAA0B;AAI9B,WAAAR;AAAA,MAAA,MAAAH,EAAA;AAAA,MACe,CAAAoB,GAAAC,MAAA;AAEP,QAAAD,MAAAC,MACIV,EAAA,QAAA;AAAA,MACJ;AAAA,IACJ;;;;;;;;;;;;;;;"}