UNPKG

primevue

Version:

PrimeVue is an open source UI library for Vue 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 PrimeBloc

1 lines 4.63 kB
{"version":3,"file":"index.mjs","sources":["../../../src/progressbar/style/ProgressBarStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-progressbar {\n position: relative;\n overflow: hidden;\n height: ${dt('progressbar.height')};\n background: ${dt('progressbar.background')};\n border-radius: ${dt('progressbar.border.radius')};\n}\n\n.p-progressbar-value {\n margin: 0;\n background: ${dt('progressbar.value.background')};\n}\n\n.p-progressbar-label {\n color: ${dt('progressbar.label.color')};\n font-size: ${dt('progressbar.label.font.size')};\n font-weight: ${dt('progressbar.label.font.weight')};\n}\n\n.p-progressbar-determinate .p-progressbar-value {\n height: 100%;\n width: 0%;\n position: absolute;\n display: none;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n transition: width 1s ease-in-out;\n}\n\n.p-progressbar-determinate .p-progressbar-label {\n display: inline-flex;\n}\n\n.p-progressbar-indeterminate .p-progressbar-value::before {\n content: \"\";\n position: absolute;\n background: inherit;\n inset-block-start: 0;\n inset-inline-start: 0;\n inset-block-end: 0;\n will-change: inset-inline-start, inset-inline-end;\n animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n}\n\n.p-progressbar-indeterminate .p-progressbar-value::after {\n content: \"\";\n position: absolute;\n background: inherit;\n inset-block-start: 0;\n inset-inline-start: 0;\n inset-block-end: 0;\n will-change: inset-inline-start, inset-inline-end;\n animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n animation-delay: 1.15s;\n}\n\n@keyframes p-progressbar-indeterminate-anim {\n 0% {\n inset-inline-start: -35%;\n inset-inline-end: 100%;\n }\n 60% {\n inset-inline-start: 100%;\n inset-inline-end: -90%;\n }\n 100% {\n inset-inline-start: 100%;\n inset-inline-end: -90%;\n }\n}\n@-webkit-keyframes p-progressbar-indeterminate-anim {\n 0% {\n inset-inline-start: -35%;\n inset-inline-end: 100%;\n }\n 60% {\n inset-inline-start: 100%;\n inset-inline-end: -90%;\n }\n 100% {\n inset-inline-start: 100%;\n inset-inline-end: -90%;\n }\n}\n\n@keyframes p-progressbar-indeterminate-anim-short {\n 0% {\n inset-inline-start: -200%;\n inset-inline-end: 100%;\n }\n 60% {\n inset-inline-start: 107%;\n inset-inline-end: -8%;\n }\n 100% {\n inset-inline-start: 107%;\n inset-inline-end: -8%;\n }\n}\n@-webkit-keyframes p-progressbar-indeterminate-anim-short {\n 0% {\n inset-inline-start: -200%;\n inset-inline-end: 100%;\n }\n 60% {\n inset-inline-start: 107%;\n inset-inline-end: -8%;\n }\n 100% {\n inset-inline-start: 107%;\n inset-inline-end: -8%;\n }\n}\n`;\n\nconst classes = {\n root: ({ instance }) => [\n 'p-progressbar p-component',\n {\n 'p-progressbar-determinate': instance.determinate,\n 'p-progressbar-indeterminate': instance.indeterminate\n }\n ],\n value: 'p-progressbar-value',\n label: 'p-progressbar-label'\n};\n\nexport default BaseStyle.extend({\n name: 'progressbar',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","determinate","indeterminate","value","label","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;EAAA,OAAAC,kFAAAA,CAAAA,MAAA,CAILD,EAAE,CAAC,oBAAoB,CAAC,EAAA,qBAAA,CAAA,CAAAC,MAAA,CACpBD,EAAE,CAAC,wBAAwB,CAAC,4BAAAC,MAAA,CACzBD,EAAE,CAAC,2BAA2B,CAAC,EAAA,kEAAA,CAAA,CAAAC,MAAA,CAKlCD,EAAE,CAAC,8BAA8B,CAAC,EAAAC,6CAAAA,CAAAA,CAAAA,MAAA,CAIvCD,EAAE,CAAC,yBAAyB,CAAC,EAAAC,oBAAAA,CAAAA,CAAAA,MAAA,CACzBD,EAAE,CAAC,6BAA6B,CAAC,EAAA,sBAAA,CAAA,CAAAC,MAAA,CAC/BD,EAAE,CAAC,+BAA+B,CAAC,EAAA,02EAAA,CAAA;AAAA,CAmGrD;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAA,OAAO,CACpB,2BAA2B,EAC3B;MACI,2BAA2B,EAAEA,QAAQ,CAACC,WAAW;MACjD,6BAA6B,EAAED,QAAQ,CAACE;AAC5C,KAAC,CACJ;AAAA,GAAA;AACDC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,KAAK,EAAE;AACX,CAAC;AAED,uBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,aAAa;AACnBd,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}