UNPKG

primevue

Version:

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

2 lines (1 loc) 2.91 kB
import e from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import{openBlock as i,createElementBlock as t,mergeProps as r,renderSlot as d,createCommentVNode as o}from"vue";var l=n("\n.p-divider-horizontal {\n display: flex;\n width: 100%;\n position: relative;\n align-items: center;\n}\n\n.p-divider-horizontal:before {\n position: absolute;\n display: block;\n top: 50%;\n left: 0;\n width: 100%;\n content: '';\n}\n\n.p-divider-horizontal.p-divider-left {\n justify-content: flex-start;\n}\n\n.p-divider-horizontal.p-divider-right {\n justify-content: flex-end;\n}\n\n.p-divider-horizontal.p-divider-center {\n justify-content: center;\n}\n\n.p-divider-content {\n z-index: 1;\n}\n\n.p-divider-vertical {\n min-height: 100%;\n margin: 0 1rem;\n display: flex;\n position: relative;\n justify-content: center;\n}\n\n.p-divider-vertical:before {\n position: absolute;\n display: block;\n top: 0;\n left: 50%;\n height: 100%;\n content: '';\n}\n\n.p-divider-vertical.p-divider-top {\n align-items: flex-start;\n}\n\n.p-divider-vertical.p-divider-center {\n align-items: center;\n}\n\n.p-divider-vertical.p-divider-bottom {\n align-items: flex-end;\n}\n\n.p-divider-solid.p-divider-horizontal:before {\n border-top-style: solid;\n}\n\n.p-divider-solid.p-divider-vertical:before {\n border-left-style: solid;\n}\n\n.p-divider-dashed.p-divider-horizontal:before {\n border-top-style: dashed;\n}\n\n.p-divider-dashed.p-divider-vertical:before {\n border-left-style: dashed;\n}\n\n.p-divider-dotted.p-divider-horizontal:before {\n border-top-style: dotted;\n}\n\n.p-divider-dotted.p-divider-vertical:before {\n border-left-style: dotted;\n}\n",{name:"divider",manual:!0}),a={name:"Divider",extends:{name:"BaseDivider",extends:e,props:{align:{type:String,default:null},layout:{type:String,default:"horizontal"},type:{type:String,default:"solid"}},css:{classes:{root:function(e){var n=e.props;return["p-divider p-component","p-divider-"+n.layout,"p-divider-"+n.type,{"p-divider-left":"horizontal"===n.layout&&(!n.align||"left"===n.align)},{"p-divider-center":"horizontal"===n.layout&&"center"===n.align},{"p-divider-right":"horizontal"===n.layout&&"right"===n.align},{"p-divider-top":"vertical"===n.layout&&"top"===n.align},{"p-divider-center":"vertical"===n.layout&&(!n.align||"center"===n.align)},{"p-divider-bottom":"vertical"===n.layout&&"bottom"===n.align}]},content:"p-divider-content"},loadStyle:l.load},provide:function(){return{$parentInstance:this}}}},p=["aria-orientation"];a.render=function(e,n,l,a,v,s){return i(),t("div",r({class:e.cx("root"),role:"separator","aria-orientation":e.layout},e.ptm("root"),{"data-pc-name":"divider"}),[e.$slots.default?(i(),t("div",r({key:0,class:e.cx("content")},e.ptm("content")),[d(e.$slots,"default")],16)):o("",!0)],16,p)};export{a as default};