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.94 kB
"use strict";var e=require("primevue/basecomponent"),t=require("primevue/usestyle"),n=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),o=t.useStyle("\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-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-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}),l={name:"Divider",extends:{name:"BaseDivider",extends:r.default,props:{align:{type:String,default:null},layout:{type:String,default:"horizontal"},type:{type:String,default:"solid"}},css:{classes:{root:function(e){var t=e.props;return["p-divider p-component","p-divider-"+t.layout,"p-divider-"+t.type,{"p-divider-left":"horizontal"===t.layout&&(!t.align||"left"===t.align)},{"p-divider-center":"horizontal"===t.layout&&"center"===t.align},{"p-divider-right":"horizontal"===t.layout&&"right"===t.align},{"p-divider-top":"vertical"===t.layout&&"top"===t.align},{"p-divider-center":"vertical"===t.layout&&(!t.align||"center"===t.align)},{"p-divider-bottom":"vertical"===t.layout&&"bottom"===t.align}]},content:"p-divider-content"},inlineStyles:{root:function(e){var t=e.props;return{justifyContent:"horizontal"===t.layout?"center"===t.align||null===t.align?"center":"left"===t.align?"flex-start":"right"===t.align?"flex-end":null:null,alignItems:"vertical"===t.layout?"center"===t.align||null===t.align?"center":"top"===t.align?"flex-start":"bottom"===t.align?"flex-end":null:null}}},loadStyle:o.load},provide:function(){return{$parentInstance:this}}}},d=["aria-orientation"];l.render=function(e,t,i,r,o,l){return n.openBlock(),n.createElementBlock("div",n.mergeProps({class:e.cx("root"),style:e.sx("root"),role:"separator","aria-orientation":e.layout},e.ptm("root"),{"data-pc-name":"divider"}),[e.$slots.default?(n.openBlock(),n.createElementBlock("div",n.mergeProps({key:0,class:e.cx("content")},e.ptm("content")),[n.renderSlot(e.$slots,"default")],16)):n.createCommentVNode("",!0)],16,d)},module.exports=l;