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 11.1 kB
{"version":3,"file":"primeng-inputtext.mjs","sources":["../../src/inputtext/style/inputtextstyle.ts","../../src/inputtext/inputtext.ts","../../src/inputtext/primeng-inputtext.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BaseStyle } from 'primeng/base';\n\nconst theme = ({ dt }) => `\n.p-inputtext {\n font-family: inherit;\n font-feature-settings: inherit;\n font-size: 1rem;\n color: ${dt('inputtext.color')};\n background: ${dt('inputtext.background')};\n padding-block: ${dt('inputtext.padding.y')};\n padding-inline: ${dt('inputtext.padding.x')};\n border: 1px solid ${dt('inputtext.border.color')};\n transition: background ${dt('inputtext.transition.duration')}, color ${dt('inputtext.transition.duration')}, border-color ${dt('inputtext.transition.duration')}, outline-color ${dt('inputtext.transition.duration')}, box-shadow ${dt(\n 'inputtext.transition.duration'\n )};\n appearance: none;\n border-radius: ${dt('inputtext.border.radius')};\n outline-color: transparent;\n box-shadow: ${dt('inputtext.shadow')};\n}\n\n.p-inputtext.ng-invalid.ng-dirty {\n border-color: ${dt('inputtext.invalid.border.color')};\n}\n\n.p-inputtext:enabled:hover {\n border-color: ${dt('inputtext.hover.border.color')};\n}\n\n.p-inputtext:enabled:focus {\n border-color: ${dt('inputtext.focus.border.color')};\n box-shadow: ${dt('inputtext.focus.ring.shadow')};\n outline: ${dt('inputtext.focus.ring.width')} ${dt('inputtext.focus.ring.style')} ${dt('inputtext.focus.ring.color')};\n outline-offset: ${dt('inputtext.focus.ring.offset')};\n}\n\n.p-inputtext.p-invalid {\n border-color: ${dt('inputtext.invalid.border.color')};\n}\n\n.p-inputtext.p-variant-filled {\n background: ${dt('inputtext.filled.background')};\n}\n \n.p-inputtext.p-variant-filled:enabled:hover {\n background: ${dt('inputtext.filled.hover.background')};\n}\n\n.p-inputtext.p-variant-filled:enabled:focus {\n background: ${dt('inputtext.filled.focus.background')};\n}\n\n.p-inputtext:disabled {\n opacity: 1;\n background: ${dt('inputtext.disabled.background')};\n color: ${dt('inputtext.disabled.color')};\n}\n\n.p-inputtext::placeholder {\n color: ${dt('inputtext.placeholder.color')};\n}\n\n.p-inputtext.ng-invalid.ng-dirty::placeholder {\n color: ${dt('inputtext.invalid.placeholder.color')};\n}\n\n.p-inputtext-sm {\n font-size: ${dt('inputtext.sm.font.size')};\n padding-block: ${dt('inputtext.sm.padding.y')};\n padding-inline: ${dt('inputtext.sm.padding.x')};\n}\n\n.p-inputtext-lg {\n font-size: ${dt('inputtext.lg.font.size')};\n padding-block: ${dt('inputtext.lg.padding.y')};\n padding-inline: ${dt('inputtext.lg.padding.x')};\n}\n\n.p-inputtext-fluid {\n width: 100%;\n}\n`;\n\nconst classes = {\n root: ({ instance, props }) => [\n 'p-inputtext p-component',\n {\n 'p-filled': instance.filled,\n 'p-inputtext-sm': props.size === 'small',\n 'p-inputtext-lg': props.size === 'large',\n 'p-invalid': props.invalid,\n 'p-variant-filled': props.variant === 'filled',\n 'p-inputtext-fluid': props.fluid\n }\n ]\n};\n\n@Injectable()\nexport class InputTextStyle extends BaseStyle {\n name = 'inputtext';\n\n theme = theme;\n\n classes = classes;\n}\n\n/**\n *\n * InputText renders a text field to enter data.\n *\n * [Live Demo](https://www.primeng.org/inputtext/)\n *\n * @module inputtextstyle\n *\n */\nexport enum InputTextClasses {\n /**\n * The class of root element\n */\n root = 'p-inputtext'\n}\n\nexport interface InputTextStyle extends BaseStyle {}\n","import { AfterViewInit, booleanAttribute, Directive, DoCheck, HostListener, inject, Input, NgModule, Optional } from '@angular/core';\nimport { NgModel } from '@angular/forms';\nimport { isEmpty } from '@primeuix/utils';\nimport { BaseComponent } from 'primeng/basecomponent';\nimport { Nullable } from 'primeng/ts-helpers';\nimport { InputTextStyle } from './style/inputtextstyle';\n\n/**\n * InputText directive is an extension to standard input element with theming.\n * @group Components\n */\n@Directive({\n selector: '[pInputText]',\n standalone: true,\n host: {\n class: 'p-inputtext p-component',\n '[class.p-filled]': 'filled',\n '[class.p-variant-filled]': '(variant ?? (config.inputStyle() || config.inputVariant())) === \"filled\"',\n '[class.p-inputtext-fluid]': 'hasFluid',\n '[class.p-inputtext-sm]': 'pSize === \"small\"',\n '[class.p-inputfield-sm]': 'pSize === \"small\"',\n '[class.p-inputtext-lg]': 'pSize === \"large\"',\n '[class.p-inputfield-lg]': 'pSize === \"large\"'\n },\n providers: [InputTextStyle]\n})\nexport class InputText extends BaseComponent implements DoCheck, AfterViewInit {\n /**\n * Specifies the input variant of the component.\n * @group Props\n */\n @Input() variant: 'filled' | 'outlined';\n /**\n * Spans 100% width of the container when enabled.\n * @group Props\n */\n @Input({ transform: booleanAttribute }) fluid: boolean | undefined;\n /**\n * Defines the size of the component.\n * @group Props\n */\n @Input('pSize') pSize: 'large' | 'small';\n\n filled: Nullable<boolean>;\n\n _componentStyle = inject(InputTextStyle);\n\n get hasFluid() {\n const nativeElement = this.el.nativeElement;\n const fluidComponent = nativeElement.closest('p-fluid');\n\n return isEmpty(this.fluid) ? !!fluidComponent : this.fluid;\n }\n\n constructor(@Optional() public ngModel: NgModel) {\n super();\n }\n\n ngAfterViewInit() {\n super.ngAfterViewInit();\n this.updateFilledState();\n this.cd.detectChanges();\n }\n\n ngDoCheck() {\n this.updateFilledState();\n }\n\n @HostListener('input', ['$event'])\n onInput() {\n this.updateFilledState();\n }\n\n updateFilledState() {\n this.filled = (this.el.nativeElement.value && this.el.nativeElement.value.length) || (this.ngModel && this.ngModel.model);\n }\n}\n\n@NgModule({\n imports: [InputText],\n exports: [InputText]\n})\nexport class InputTextModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}