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 t from"primevue/basecomponent";import i from"primevue/icons/bars";import e from"primevue/icons/thlarge";import{resolveComponent as s,openBlock as o,createElementBlock as r,mergeProps as a,createElementVNode as n,renderSlot as l,createVNode as u,normalizeProps as d,guardReactiveProps as p}from"vue";var c={name:"DataViewLayoutOptions",extends:t,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}},components:{BarsIcon:i,ThLargeIcon:e}};const m=["aria-label","aria-pressed"],g=["aria-label","aria-pressed"];c.render=function(t,i,e,c,b,h){const L=s("BarsIcon"),v=s("ThLargeIcon");return o(),r("div",a({class:"p-dataview-layout-options p-selectbutton p-buttonset",role:"group"},t.ptm("root")),[n("button",a({"aria-label":h.listViewAriaLabel,class:h.buttonListClass,onClick:i[0]||(i[0]=t=>h.changeLayout("list")),type:"button","aria-pressed":b.isListButtonPressed},t.ptm("listButton")),[l(t.$slots,"listicon",{},(()=>[u(L,d(p(t.ptm("listIcon"))),null,16)]))],16,m),n("button",a({"aria-label":h.gridViewAriaLabel,class:h.buttonGridClass,onClick:i[1]||(i[1]=t=>h.changeLayout("grid")),type:"button","aria-pressed":b.isGridButtonPressed},t.ptm("gridButton")),[l(t.$slots,"gridicon",{},(()=>[u(v,d(p(t.ptm("gridIcon"))),null,16)]))],16,g)],16)};export{c as default};