primevue/dataviewlayoutoptions/dataviewlayoutoptions.esm.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023

import{openBlock as t,createElementBlock as i,createElementVNode as e,normalizeClass as s}from"vue";var a={name:"DataViewLayoutOptions",emits:["update:modelValue"],props:{modelValue:String},data:()=>({isListButtonPressed:!1,isGridButtonPressed:!1}),methods:{changeLayout(t){this.$emit("update:modelValue",t),"list"===t?(this.isListButtonPressed=!0,this.isGridButtonPressed=!1):"grid"===t&&(this.isGridButtonPressed=!0,this.isListButtonPressed=!1)}},computed:{buttonListClass(){return["p-button p-button-icon-only",{"p-highlight":"list"===this.modelValue}]},buttonGridClass(){return["p-button p-button-icon-only",{"p-highlight":"grid"===this.modelValue}]},listViewAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.listView:void 0},gridViewAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.gridView:void 0}}};const r={class:"p-dataview-layout-options p-selectbutton p-buttonset",role:"group"},o=["aria-label","aria-pressed"],l=[e("i",{class:"pi pi-bars"},null,-1)],n=["aria-label","aria-pressed"],u=[e("i",{class:"pi pi-th-large"},null,-1)];a.render=function(a,d,p,c,b,h){return t(),i("div",r,[e("button",{"aria-label":h.listViewAriaLabel,class:s(h.buttonListClass),onClick:d[0]||(d[0]=t=>h.changeLayout("list")),type:"button","aria-pressed":b.isListButtonPressed},l,10,o),e("button",{"aria-label":h.gridViewAriaLabel,class:s(h.buttonGridClass),onClick:d[1]||(d[1]=t=>h.changeLayout("grid")),type:"button","aria-pressed":b.isGridButtonPressed},u,10,n)])};export{a as default};