UNPKG

primeng

Version:

PrimeNG is an open source UI library for Angular featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeB

1 lines 12.5 kB
{"version":3,"file":"primeng-divider.mjs","sources":["../../src/divider/style/dividerstyle.ts","../../src/divider/divider.ts","../../src/divider/primeng-divider.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BaseStyle } from 'primeng/base';\n\nconst theme = ({ dt }) => `\n.p-divider-horizontal {\n display: flex;\n width: 100%;\n position: relative;\n align-items: center;\n margin: ${dt('divider.horizontal.margin')};\n padding: ${dt('divider.horizontal.padding')};\n}\n\n.p-divider-horizontal:before {\n position: absolute;\n display: block;\n inset-block-start: 50%;\n inset-inline-start: 0;\n width: 100%;\n content: \"\";\n border-block-start: 1px solid ${dt('divider.border.color')};\n}\n\n.p-divider-horizontal .p-divider-content {\n padding: ${dt('divider.horizontal.content.padding')};\n}\n\n.p-divider-vertical {\n min-height: 100%;\n display: flex;\n position: relative;\n justify-content: center;\n margin: ${dt('divider.vertical.margin')};\n padding: ${dt('divider.vertical.padding')};\n}\n\n.p-divider-vertical:before {\n position: absolute;\n display: block;\n inset-block-start: 0;\n inset-inline-start: 50%;\n height: 100%;\n content: \"\";\n border-inline-start: 1px solid ${dt('divider.border.color')};\n}\n\n.p-divider.p-divider-vertical .p-divider-content {\n padding: ${dt('divider.vertical.content.padding')};\n}\n\n.p-divider-content {\n z-index: 1;\n background: ${dt('divider.content.background')};\n color: ${dt('divider.content.color')};\n}\n\n.p-divider-solid.p-divider-horizontal:before {\n border-block-start-style: solid;\n}\n\n.p-divider-solid.p-divider-vertical:before {\n border-inline-start-style: solid;\n}\n\n.p-divider-dashed.p-divider-horizontal:before {\n border-block-start-style: dashed;\n}\n\n.p-divider-dashed.p-divider-vertical:before {\n border-inline-start-style: dashed;\n}\n\n.p-divider-dotted.p-divider-horizontal:before {\n border-block-start-style: dotted;\n}\n\n.p-divider-dotted.p-divider-vertical:before {\n border-inline-start-style: dotted;\n}\n\n.p-divider-left:dir(rtl),\n.p-divider-right:dir(rtl) {\n flex-direction: row-reverse;\n}\n`;\n\n/* Position */\nconst inlineStyles = {\n root: ({ props }) => ({\n justifyContent: props.layout === 'horizontal' ? (props.align === 'center' || props.align === null ? 'center' : props.align === 'left' ? 'flex-start' : props.align === 'right' ? 'flex-end' : null) : null,\n alignItems: props.layout === 'vertical' ? (props.align === 'center' || props.align === null ? 'center' : props.align === 'top' ? 'flex-start' : props.align === 'bottom' ? 'flex-end' : null) : null\n })\n};\n\nconst classes = {\n root: ({ props }) => [\n 'p-divider p-component',\n 'p-divider-' + props.layout,\n 'p-divider-' + props.type,\n { 'p-divider-left': props.layout === 'horizontal' && (!props.align || props.align === 'left') },\n { 'p-divider-center': props.layout === 'horizontal' && props.align === 'center' },\n { 'p-divider-right': props.layout === 'horizontal' && props.align === 'right' },\n { 'p-divider-top': props.layout === 'vertical' && props.align === 'top' },\n { 'p-divider-center': props.layout === 'vertical' && (!props.align || props.align === 'center') },\n { 'p-divider-bottom': props.layout === 'vertical' && props.align === 'bottom' }\n ],\n content: 'p-divider-content'\n};\n\n@Injectable()\nexport class DividerStyle extends BaseStyle {\n name = 'divider';\n\n theme = theme;\n\n classes = classes;\n\n inlineStyles = inlineStyles;\n}\n\n/**\n *\n * Divider is used to separate contents.\n *\n * [Live Demo](https://primeng.org/divider)\n *\n * @module dividerstyle\n *\n */\nexport enum DividerClasses {\n /**\n * Class name of the root element\n */\n root = 'p-divider',\n /**\n * Class name of the content element\n */\n content = 'p-divider-content'\n}\n\nexport interface DividerStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, inject, Input, NgModule, ViewEncapsulation } from '@angular/core';\nimport { SharedModule } from 'primeng/api';\nimport { BaseComponent } from 'primeng/basecomponent';\nimport { DividerStyle } from './style/dividerstyle';\n\n/**\n * Divider is used to separate contents.\n * @group Components\n */\n@Component({\n selector: 'p-divider',\n standalone: true,\n imports: [CommonModule, SharedModule],\n template: `\n <div class=\"p-divider-content\">\n <ng-content></ng-content>\n </div>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n '[class.p-divider]': 'true',\n '[class.p-component]': 'true',\n '[class.p-divider-horizontal]': 'layout === \"horizontal\"',\n '[class.p-divider-vertical]': 'layout === \"vertical\"',\n '[class.p-divider-solid]': 'type === \"solid\"',\n '[class.p-divider-dashed]': 'type === \"dashed\"',\n '[class.p-divider-dotted]': 'type === \"dotted\"',\n '[class.p-divider-left]': 'layout === \"horizontal\" && (!align || align === \"left\")',\n '[class.p-divider-center]': '(layout === \"horizontal\" && align === \"center\") || (layout === \"vertical\" && (!align || align === \"center\"))',\n '[class.p-divider-right]': 'layout === \"horizontal\" && align === \"right\"',\n '[class.p-divider-top]': 'layout === \"vertical\" && align === \"top\"',\n '[class.p-divider-bottom]': 'layout === \"vertical\" && align === \"bottom\"',\n '[attr.aria-orientation]': 'layout',\n '[attr.data-pc-name]': \"'divider'\",\n '[attr.role]': '\"separator\"',\n '[style.justifyContent]': 'layout === \"horizontal\" ? (align === \"center\" || align === undefined ? \"center\" : (align === \"left\" ? \"flex-start\" : (align === \"right\" ? \"flex-end\" : null))) : null',\n '[style.alignItems]': 'layout === \"vertical\" ? (align === \"center\" || align === undefined ? \"center\" : (align === \"top\" ? \"flex-start\" : (align === \"bottom\" ? \"flex-end\" : null))) : null'\n },\n providers: [DividerStyle]\n})\nexport class Divider extends BaseComponent {\n /**\n * Inline style of the component.\n * @group Props\n */\n @Input() style: { [klass: string]: any } | null | undefined;\n /**\n * Style class of the component.\n * @group Props\n */\n @Input() styleClass: string | undefined;\n /**\n * Specifies the orientation.\n * @group Props\n */\n @Input() layout: 'horizontal' | 'vertical' | undefined = 'horizontal';\n /**\n * Border style type.\n * @group Props\n */\n @Input() type: 'solid' | 'dashed' | 'dotted' | undefined = 'solid';\n /**\n * Alignment of the content.\n * @group Props\n */\n @Input() align: 'left' | 'center' | 'right' | 'top' | 'bottom' | undefined;\n\n _componentStyle = inject(DividerStyle);\n\n @HostBinding('class') get hostClass() {\n return this.styleClass;\n }\n}\n\n@NgModule({\n imports: [Divider],\n exports: [Divider]\n})\nexport class DividerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}