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
Source Map (JSON)
{"version":3,"file":"primeng-base.mjs","sources":["../../src/base/base.ts","../../src/base/style/basestyle.ts","../../src/base/primeng-base.ts"],"sourcesContent":["export default {\n _loadedStyleNames: new Set(),\n getLoadedStyleNames() {\n return this._loadedStyleNames;\n },\n isStyleNameLoaded(name) {\n return this._loadedStyleNames.has(name);\n },\n setLoadedStyleName(name) {\n this._loadedStyleNames.add(name);\n },\n deleteLoadedStyleName(name) {\n this._loadedStyleNames.delete(name);\n },\n clearLoadedStyleNames() {\n this._loadedStyleNames.clear();\n }\n};\n","import { inject, Injectable } from '@angular/core';\nimport { dt, Theme } from '@primeuix/styled';\nimport { minifyCSS, resolve } from '@primeuix/utils';\nimport { UseStyle } from 'primeng/usestyle';\n\nconst theme = ({ dt }) => `\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\n\n/* Non ng overlay animations */\n.p-connected-overlay {\n opacity: 0;\n transform: scaleY(0.8);\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),\n opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-visible {\n opacity: 1;\n transform: scaleY(1);\n}\n\n.p-connected-overlay-hidden {\n opacity: 0;\n transform: scaleY(1);\n transition: opacity 0.1s linear;\n}\n\n/* NG based overlay animations */\n.p-connected-overlay-enter-from {\n opacity: 0;\n transform: scaleY(0.8);\n}\n\n.p-connected-overlay-leave-to {\n opacity: 0;\n}\n\n.p-connected-overlay-enter-active {\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),\n opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-leave-active {\n transition: opacity 0.1s linear;\n}\n\n/* Toggleable Content */\n.p-toggleable-content-enter-from,\n.p-toggleable-content-leave-to {\n max-height: 0;\n}\n\n.p-toggleable-content-enter-to,\n.p-toggleable-content-leave-from {\n max-height: 1000px;\n}\n\n.p-toggleable-content-leave-active {\n overflow: hidden;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n\n.p-toggleable-content-enter-active {\n overflow: hidden;\n transition: max-height 1s ease-in-out;\n}\n\n.p-disabled,\n.p-disabled * {\n cursor: default;\n pointer-events: none;\n user-select: none;\n}\n\n.p-disabled,\n.p-component:disabled {\n opacity: ${dt('disabled.opacity')};\n}\n\n.pi {\n font-size: ${dt('icon.size')};\n}\n\n.p-icon {\n width: ${dt('icon.size')};\n height: ${dt('icon.size')};\n}\n\n.p-overlay-mask {\n background: ${dt('mask.background')};\n color: ${dt('mask.color')};\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.p-overlay-mask-enter {\n animation: p-overlay-mask-enter-animation ${dt('mask.transition.duration')} forwards;\n}\n\n.p-overlay-mask-leave {\n animation: p-overlay-mask-leave-animation ${dt('mask.transition.duration')} forwards;\n}\n/* Temporarily disabled, distrupts PrimeNG overlay animations */\n/* @keyframes p-overlay-mask-enter-animation {\n from {\n background: transparent;\n }\n to {\n background: ${dt('mask.background')};\n }\n}\n@keyframes p-overlay-mask-leave-animation {\n from {\n background: ${dt('mask.background')};\n }\n to {\n background: transparent;\n }\n}*/\n\n.p-iconwrapper {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n`;\n\nconst css = ({ dt }) => `\n.p-hidden-accessible {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n transform: scale(0);\n}\n\n.p-overflow-hidden {\n overflow: hidden;\n padding-right: ${dt('scrollbar.width')};\n}\n\n/* @todo move to baseiconstyle.ts */\n\n.p-icon {\n display: inline-block;\n vertical-align: baseline;\n}\n\n.p-icon-spin {\n -webkit-animation: p-icon-spin 2s infinite linear;\n animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n\n@keyframes p-icon-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n`;\n\n@Injectable({ providedIn: 'root' })\nexport class BaseStyle {\n name = 'base';\n\n useStyle: UseStyle = inject(UseStyle);\n\n theme = undefined;\n\n css = undefined;\n\n classes = {};\n\n inlineStyles = {};\n\n load = (style, options = {}, transform = (cs) => cs) => {\n const computedStyle = transform(resolve(style, { dt }));\n return computedStyle ? this.useStyle.use(minifyCSS(computedStyle), { name: this.name, ...options }) : {};\n };\n\n loadCSS = (options = {}) => {\n return this.load(this.css, options);\n };\n\n loadTheme = (options: any = {}, style: string = '') => {\n return this.load(this.theme, options, (computedStyle = '') => Theme.transformCSS(options.name || this.name, `${computedStyle}${style}`));\n };\n\n loadGlobalCSS = (options = {}) => {\n return this.load(css, options);\n };\n\n loadGlobalTheme = (options: any = {}, style: string = '') => {\n return this.load(theme, options, (computedStyle = '') => Theme.transformCSS(options.name || this.name, `${computedStyle}${style}`));\n };\n\n getCommonTheme = (params?) => {\n return Theme.getCommon(this.name, params);\n };\n\n getComponentTheme = (params) => {\n return Theme.getComponent(this.name, params);\n };\n\n getDirectiveTheme = (params) => {\n return Theme.getDirective(this.name, params);\n };\n\n getPresetTheme = (preset, selector, params) => {\n return Theme.getCustomPreset(this.name, preset, selector, params);\n };\n\n getLayerOrderThemeCSS = () => {\n return Theme.getLayerOrderCSS(this.name);\n };\n\n getStyleSheet = (extendedCSS = '', props = {}) => {\n if (this.css) {\n const _css = resolve(this.css, { dt });\n const _style = minifyCSS(`${_css}${extendedCSS}`);\n const _props = Object.entries(props)\n .reduce((acc, [k, v]) => acc.push(`${k}=\"${v}\"`) && acc, [])\n .join(' ');\n\n return `<style type=\"text/css\" data-primeng-style-id=\"${this.name}\" ${_props}>${_style}</style>`;\n }\n\n return '';\n };\n\n getCommonThemeStyleSheet = (params, props = {}) => {\n return Theme.getCommonStyleSheet(this.name, params, props);\n };\n\n getThemeStyleSheet = (params, props = {}) => {\n let css = [Theme.getStyleSheet(this.name, params, props)];\n\n if (this.theme) {\n const name = this.name === 'base' ? 'global-style' : `${this.name}-style`;\n const _css = resolve(this.theme, { dt });\n const _style = minifyCSS(Theme.transformCSS(name, _css));\n const _props = Object.entries(props)\n .reduce((acc, [k, v]) => acc.push(`${k}=\"${v}\"`) && acc, [])\n .join(' ');\n\n css.push(`<style type=\"text/css\" data-primeng-style-id=\"${name}\" ${_props}>${_style}</style>`);\n }\n\n return css.join('');\n };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}