@colijnit/corecomponents_v12 262.1.8 → 262.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __decorate } from 'tslib';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { Input, Injectable, HostBinding, ViewEncapsulation, Component, Directive, ElementRef, Pipe, EventEmitter, Output, ViewChildren, ViewContainerRef, HostListener, ViewChild, Optional, NgModule, SkipSelf, InjectionToken, Inject, forwardRef, ChangeDetectionStrategy, ContentChildren, NO_ERRORS_SCHEMA, Injector } from '@angular/core';
|
|
3
|
+
import { Input, Injectable, HostBinding, ViewEncapsulation, Component, Directive, ElementRef, Pipe, EventEmitter, Output, ViewChildren, ViewContainerRef, HostListener, ViewChild, Optional, NgModule, SkipSelf, InjectionToken, Inject, forwardRef, ChangeDetectionStrategy, ContentChildren, NO_ERRORS_SCHEMA, Injector, QueryList } from '@angular/core';
|
|
4
4
|
import * as i5 from '@angular/forms';
|
|
5
5
|
import { NgModel, UntypedFormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
6
6
|
import * as i1 from '@angular/platform-browser';
|
|
@@ -16919,7 +16919,7 @@ class InputScannerComponent {
|
|
|
16919
16919
|
search = new EventEmitter();
|
|
16920
16920
|
isFocused = new EventEmitter();
|
|
16921
16921
|
barCodeScanned = new EventEmitter();
|
|
16922
|
-
scannerDisabled =
|
|
16922
|
+
scannerDisabled = false;
|
|
16923
16923
|
showClass() {
|
|
16924
16924
|
return true;
|
|
16925
16925
|
}
|
|
@@ -20555,6 +20555,396 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
20555
20555
|
}]
|
|
20556
20556
|
}] });
|
|
20557
20557
|
|
|
20558
|
+
class ChipRenderComponent {
|
|
20559
|
+
text;
|
|
20560
|
+
icon = CoreComponentsIcon.CrossSkinny;
|
|
20561
|
+
iconClass = "light";
|
|
20562
|
+
noPointerHover = false;
|
|
20563
|
+
bgCssColor;
|
|
20564
|
+
textClick = new EventEmitter();
|
|
20565
|
+
iconClick = new EventEmitter();
|
|
20566
|
+
get isPointerHover() {
|
|
20567
|
+
return !this.noPointerHover;
|
|
20568
|
+
}
|
|
20569
|
+
showClass = true;
|
|
20570
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ChipRenderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20571
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ChipRenderComponent, isStandalone: false, selector: "co-chip-render", inputs: { text: "text", icon: "icon", iconClass: "iconClass", noPointerHover: "noPointerHover", bgCssColor: "bgCssColor" }, outputs: { textClick: "textClick", iconClick: "iconClick" }, host: { properties: { "style.background-color": "this.bgCssColor", "class.pointer-hover": "this.isPointerHover", "class.co-chip-render": "this.showClass" } }, ngImport: i0, template: `
|
|
20572
|
+
<span class="text" (click)="textClick.emit($event)" [textContent]="text"></span>
|
|
20573
|
+
<co-icon [icon]="icon" [class]="iconClass" (click)="iconClick.emit($event)"></co-icon>
|
|
20574
|
+
`, isInline: true, dependencies: [{ kind: "component", type: IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
20575
|
+
}
|
|
20576
|
+
__decorate([
|
|
20577
|
+
InputBoolean()
|
|
20578
|
+
], ChipRenderComponent.prototype, "noPointerHover", void 0);
|
|
20579
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ChipRenderComponent, decorators: [{
|
|
20580
|
+
type: Component,
|
|
20581
|
+
args: [{
|
|
20582
|
+
selector: 'co-chip-render',
|
|
20583
|
+
template: `
|
|
20584
|
+
<span class="text" (click)="textClick.emit($event)" [textContent]="text"></span>
|
|
20585
|
+
<co-icon [icon]="icon" [class]="iconClass" (click)="iconClick.emit($event)"></co-icon>
|
|
20586
|
+
`,
|
|
20587
|
+
standalone: false,
|
|
20588
|
+
encapsulation: ViewEncapsulation.None
|
|
20589
|
+
}]
|
|
20590
|
+
}], propDecorators: { text: [{
|
|
20591
|
+
type: Input
|
|
20592
|
+
}], icon: [{
|
|
20593
|
+
type: Input
|
|
20594
|
+
}], iconClass: [{
|
|
20595
|
+
type: Input
|
|
20596
|
+
}], noPointerHover: [{
|
|
20597
|
+
type: Input
|
|
20598
|
+
}], bgCssColor: [{
|
|
20599
|
+
type: Input
|
|
20600
|
+
}, {
|
|
20601
|
+
type: HostBinding,
|
|
20602
|
+
args: ["style.background-color"]
|
|
20603
|
+
}], textClick: [{
|
|
20604
|
+
type: Output
|
|
20605
|
+
}], iconClick: [{
|
|
20606
|
+
type: Output
|
|
20607
|
+
}], isPointerHover: [{
|
|
20608
|
+
type: HostBinding,
|
|
20609
|
+
args: ["class.pointer-hover"]
|
|
20610
|
+
}], showClass: [{
|
|
20611
|
+
type: HostBinding,
|
|
20612
|
+
args: ["class.co-chip-render"]
|
|
20613
|
+
}] } });
|
|
20614
|
+
|
|
20615
|
+
class InputTextChipsComponent extends BaseInputComponent {
|
|
20616
|
+
formComponent;
|
|
20617
|
+
changeDetector;
|
|
20618
|
+
overlayService;
|
|
20619
|
+
_colorService;
|
|
20620
|
+
iconCacheService;
|
|
20621
|
+
formUserChangeListener;
|
|
20622
|
+
ngZoneWrapper;
|
|
20623
|
+
elementRef;
|
|
20624
|
+
icons = CoreComponentsIcon;
|
|
20625
|
+
inputTextComp;
|
|
20626
|
+
chipRenderComps = new QueryList();
|
|
20627
|
+
// @Input()
|
|
20628
|
+
// public model: string[] = [];
|
|
20629
|
+
placeholder = '';
|
|
20630
|
+
colorSeqName = ColorSequenceName.Regular;
|
|
20631
|
+
toggleModel;
|
|
20632
|
+
toggleBoxLabel;
|
|
20633
|
+
extraIcon = this.icons.Magnifier;
|
|
20634
|
+
extraIconClicked = new EventEmitter();
|
|
20635
|
+
// @Output()
|
|
20636
|
+
// public modelChange: EventEmitter<string[]> = new EventEmitter<string[]>();
|
|
20637
|
+
submit = new EventEmitter();
|
|
20638
|
+
toggleModelChange = new EventEmitter();
|
|
20639
|
+
textMode = false;
|
|
20640
|
+
showClass = true;
|
|
20641
|
+
customHeight = true;
|
|
20642
|
+
// text that's shown live in input-text component
|
|
20643
|
+
inputTextModel = '';
|
|
20644
|
+
colorSequence;
|
|
20645
|
+
// key: chip index, value: colorCss for chips with that text
|
|
20646
|
+
chipColors = [];
|
|
20647
|
+
_noChipsWrapClickFocus;
|
|
20648
|
+
constructor(formComponent, changeDetector, overlayService, _colorService, iconCacheService, formUserChangeListener, ngZoneWrapper, elementRef) {
|
|
20649
|
+
super(changeDetector, overlayService, formUserChangeListener, ngZoneWrapper, elementRef);
|
|
20650
|
+
this.formComponent = formComponent;
|
|
20651
|
+
this.changeDetector = changeDetector;
|
|
20652
|
+
this.overlayService = overlayService;
|
|
20653
|
+
this._colorService = _colorService;
|
|
20654
|
+
this.iconCacheService = iconCacheService;
|
|
20655
|
+
this.formUserChangeListener = formUserChangeListener;
|
|
20656
|
+
this.ngZoneWrapper = ngZoneWrapper;
|
|
20657
|
+
this.elementRef = elementRef;
|
|
20658
|
+
super._markAsOnPush();
|
|
20659
|
+
}
|
|
20660
|
+
ngAfterViewInit() {
|
|
20661
|
+
this._prepareModel();
|
|
20662
|
+
this.colorSequence = this._colorService.getColorSequenceByName(this.colorSeqName);
|
|
20663
|
+
}
|
|
20664
|
+
activateTextMode() {
|
|
20665
|
+
this.textMode = true;
|
|
20666
|
+
this._prepareModel();
|
|
20667
|
+
}
|
|
20668
|
+
activateChipsMode() {
|
|
20669
|
+
this.textMode = false;
|
|
20670
|
+
this._setValueByText(this.inputTextModel);
|
|
20671
|
+
// this.inputTextModel = '';
|
|
20672
|
+
}
|
|
20673
|
+
getChipColorCss(index) {
|
|
20674
|
+
if (this.chipColors[index]) {
|
|
20675
|
+
return this.chipColors[index];
|
|
20676
|
+
}
|
|
20677
|
+
else if (this.colorSequence) {
|
|
20678
|
+
return this.colorSequence.getColor(index).cssColor;
|
|
20679
|
+
}
|
|
20680
|
+
else {
|
|
20681
|
+
return '';
|
|
20682
|
+
}
|
|
20683
|
+
}
|
|
20684
|
+
requestFocus() {
|
|
20685
|
+
if (this.inputTextComp) {
|
|
20686
|
+
this.inputTextComp.requestFocus();
|
|
20687
|
+
}
|
|
20688
|
+
}
|
|
20689
|
+
onChipsWrapClick() {
|
|
20690
|
+
if (!this._noChipsWrapClickFocus) {
|
|
20691
|
+
this.requestFocus();
|
|
20692
|
+
}
|
|
20693
|
+
}
|
|
20694
|
+
onChipTextClick(chipIndex) {
|
|
20695
|
+
const chipsModel = StringUtils.CloneStringArray(this.model);
|
|
20696
|
+
// this._ngZone.setTimeoutOutsideAngular(() => {
|
|
20697
|
+
// if (this.inputTextComp) {
|
|
20698
|
+
// this.inputTextComp.setSelectionRange(this.getSelectionRangeForChipWithIndex(chipIndex, chipsModel));
|
|
20699
|
+
// }
|
|
20700
|
+
// });
|
|
20701
|
+
}
|
|
20702
|
+
onChipRemoveIconClick(event, chipIndex) {
|
|
20703
|
+
EventUtils.KillEvent(event);
|
|
20704
|
+
this._triggerNoChipsWrapClickFocus(); // because that's what I wanted StopEvent() to do, but it doesn't do that ;)
|
|
20705
|
+
this.removeChipByIndex(chipIndex);
|
|
20706
|
+
this._blurAndSubmit();
|
|
20707
|
+
}
|
|
20708
|
+
onRightInBetweenClick(chipIndex) {
|
|
20709
|
+
return this.onChipTextClick(chipIndex);
|
|
20710
|
+
}
|
|
20711
|
+
onKeyDown(event) {
|
|
20712
|
+
if (event.key === KeyboardKey.Enter) {
|
|
20713
|
+
this._blurAndSubmit();
|
|
20714
|
+
}
|
|
20715
|
+
}
|
|
20716
|
+
onClearIconClick() {
|
|
20717
|
+
this.inputTextModel = '';
|
|
20718
|
+
this.resetValue();
|
|
20719
|
+
this.chipColors.length = 0;
|
|
20720
|
+
this._blurAndSubmit();
|
|
20721
|
+
}
|
|
20722
|
+
handleFocus(focused) {
|
|
20723
|
+
this.focused = focused;
|
|
20724
|
+
if (this.focused) {
|
|
20725
|
+
this.activateTextMode();
|
|
20726
|
+
this.focus.emit();
|
|
20727
|
+
}
|
|
20728
|
+
else {
|
|
20729
|
+
this.activateChipsMode();
|
|
20730
|
+
this.blur.emit();
|
|
20731
|
+
}
|
|
20732
|
+
}
|
|
20733
|
+
onExtraIconClick() {
|
|
20734
|
+
this._blurAndSubmit();
|
|
20735
|
+
this.extraIconClicked.emit();
|
|
20736
|
+
}
|
|
20737
|
+
onInputTextModelChange(txtModel) {
|
|
20738
|
+
if (!txtModel) {
|
|
20739
|
+
this.chipColors.length = 0;
|
|
20740
|
+
}
|
|
20741
|
+
}
|
|
20742
|
+
// Returns the selection range for the original full string inside <input-text> that corresponds with the chip of given index.
|
|
20743
|
+
// protected getSelectionRangeForChipWithIndex(chipIndex: number, chipsModel: string[]): NumericalRange {
|
|
20744
|
+
// if (!chipsModel) {
|
|
20745
|
+
// return undefined;
|
|
20746
|
+
// }
|
|
20747
|
+
// const selectionRange: NumericalRange = new NumericalRange();
|
|
20748
|
+
// selectionRange.lowerBound = 0;
|
|
20749
|
+
// for (let i: number = 0, len: number = chipsModel.length; i < len && i < chipIndex; i++) {
|
|
20750
|
+
// // add the text and its space to lowerbound
|
|
20751
|
+
// selectionRange.lowerBound += chipsModel[i].length + 1;
|
|
20752
|
+
// }
|
|
20753
|
+
// selectionRange.upperBound = selectionRange.lowerBound + chipsModel[chipIndex].length;
|
|
20754
|
+
// return selectionRange;
|
|
20755
|
+
// }
|
|
20756
|
+
removeChipByIndex(index) {
|
|
20757
|
+
this.beforeRemoveChip();
|
|
20758
|
+
ArrayUtils.RemoveElementAtIndex(index, this.model);
|
|
20759
|
+
this.modelChange.emit(this.model);
|
|
20760
|
+
ArrayUtils.RemoveElementAtIndex(index, this.chipColors);
|
|
20761
|
+
if (this.model && this.model.length === 0) {
|
|
20762
|
+
this.chipColors.length = 0;
|
|
20763
|
+
}
|
|
20764
|
+
}
|
|
20765
|
+
resetValue() {
|
|
20766
|
+
if (this.model) {
|
|
20767
|
+
this.model.length = 0;
|
|
20768
|
+
}
|
|
20769
|
+
else {
|
|
20770
|
+
this.model = [];
|
|
20771
|
+
}
|
|
20772
|
+
this.modelChange.emit(this.model);
|
|
20773
|
+
}
|
|
20774
|
+
beforeRemoveChip() {
|
|
20775
|
+
// staticize all current chips
|
|
20776
|
+
this.chipRenderComps.forEach((chipComp, idx) => {
|
|
20777
|
+
this.chipColors[idx] = chipComp.bgCssColor;
|
|
20778
|
+
});
|
|
20779
|
+
}
|
|
20780
|
+
_setValueByText(text) {
|
|
20781
|
+
if (!text) {
|
|
20782
|
+
this.resetValue();
|
|
20783
|
+
}
|
|
20784
|
+
this.model = StringUtils.StringToStringArray(text);
|
|
20785
|
+
this.modelChange.emit(this.model);
|
|
20786
|
+
}
|
|
20787
|
+
_prepareModel() {
|
|
20788
|
+
if (this.model) {
|
|
20789
|
+
let inpTxt = '';
|
|
20790
|
+
for (let i = 0, len = this.model.length; i < len; i++) {
|
|
20791
|
+
inpTxt += this.model[i] + ' ';
|
|
20792
|
+
}
|
|
20793
|
+
this.inputTextModel = inpTxt.trim();
|
|
20794
|
+
}
|
|
20795
|
+
}
|
|
20796
|
+
_blurAndSubmit() {
|
|
20797
|
+
this.inputTextComp.doBlur();
|
|
20798
|
+
this.submit.emit(this.model);
|
|
20799
|
+
}
|
|
20800
|
+
_triggerNoChipsWrapClickFocus() {
|
|
20801
|
+
// this._noChipsWrapClickFocus = true;
|
|
20802
|
+
// this._ngZone.setTimeoutOutsideAngular(() => {
|
|
20803
|
+
// this._noChipsWrapClickFocus = false;
|
|
20804
|
+
// });
|
|
20805
|
+
}
|
|
20806
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputTextChipsComponent, deps: [{ token: FormComponent, optional: true }, { token: i0.ChangeDetectorRef }, { token: OverlayService }, { token: ColorSequenceService }, { token: IconCacheService }, { token: FormInputUserModelChangeListenerService }, { token: NgZoneWrapperService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
20807
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: InputTextChipsComponent, isStandalone: false, selector: "co-input-text-chips", inputs: { placeholder: "placeholder", colorSeqName: "colorSeqName", toggleModel: "toggleModel", toggleBoxLabel: "toggleBoxLabel", extraIcon: "extraIcon" }, outputs: { extraIconClicked: "extraIconClicked", submit: "submit", toggleModelChange: "toggleModelChange" }, host: { properties: { "class.text-mode": "this.textMode", "class.co-input-text-chips": "this.showClass" } }, providers: [
|
|
20808
|
+
OverlayService, {
|
|
20809
|
+
provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
|
|
20810
|
+
useExisting: forwardRef(() => InputTextChipsComponent)
|
|
20811
|
+
}, {
|
|
20812
|
+
provide: BaseInputComponent,
|
|
20813
|
+
useExisting: InputTextChipsComponent
|
|
20814
|
+
}
|
|
20815
|
+
], viewQueries: [{ propertyName: "inputTextComp", first: true, predicate: InputTextComponent, descendants: true, static: true }, { propertyName: "chipRenderComps", predicate: ChipRenderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
20816
|
+
<co-input-text class="custom-height no-focus-line no-hover-line"
|
|
20817
|
+
[(model)]="inputTextModel"
|
|
20818
|
+
[useContent]="!textMode"
|
|
20819
|
+
[label]="label"
|
|
20820
|
+
[initFocus]="initFocus"
|
|
20821
|
+
[placeholder]="placeholder"
|
|
20822
|
+
[noClickFocus]="noClickFocus"
|
|
20823
|
+
[excludeUserModelChange]="excludeUserModelChange"
|
|
20824
|
+
[rightIconData]="iconCacheService.getIcon(extraIcon)"
|
|
20825
|
+
(clearIconClick)="onClearIconClick()"
|
|
20826
|
+
(keydown)="onKeyDown($event)"
|
|
20827
|
+
(isFocused)="handleFocus($event)"
|
|
20828
|
+
(rightIconClick)="onExtraIconClick()"
|
|
20829
|
+
(modelChange)="onInputTextModelChange($event)"
|
|
20830
|
+
[fullWidth]="true" [noValidation]="true">
|
|
20831
|
+
<div class="chips-wrap" (click)="onChipsWrapClick()">
|
|
20832
|
+
@for (txt of model; track txt; let index = $index) {
|
|
20833
|
+
<co-chip-render [text]="txt"
|
|
20834
|
+
[bgCssColor]="getChipColorCss(index)"
|
|
20835
|
+
(iconClick)="onChipRemoveIconClick($event, index)"
|
|
20836
|
+
(textClick)="onChipTextClick(index)">
|
|
20837
|
+
</co-chip-render>
|
|
20838
|
+
<div class="right-in-between" (click)="onRightInBetweenClick(index)"></div>
|
|
20839
|
+
}
|
|
20840
|
+
</div>
|
|
20841
|
+
</co-input-text>
|
|
20842
|
+
`, isInline: true, dependencies: [{ kind: "component", type: InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "component", type: ChipRenderComponent, selector: "co-chip-render", inputs: ["text", "icon", "iconClass", "noPointerHover", "bgCssColor"], outputs: ["textClick", "iconClick"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
20843
|
+
}
|
|
20844
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputTextChipsComponent, decorators: [{
|
|
20845
|
+
type: Component,
|
|
20846
|
+
args: [{
|
|
20847
|
+
selector: 'co-input-text-chips',
|
|
20848
|
+
template: `
|
|
20849
|
+
<co-input-text class="custom-height no-focus-line no-hover-line"
|
|
20850
|
+
[(model)]="inputTextModel"
|
|
20851
|
+
[useContent]="!textMode"
|
|
20852
|
+
[label]="label"
|
|
20853
|
+
[initFocus]="initFocus"
|
|
20854
|
+
[placeholder]="placeholder"
|
|
20855
|
+
[noClickFocus]="noClickFocus"
|
|
20856
|
+
[excludeUserModelChange]="excludeUserModelChange"
|
|
20857
|
+
[rightIconData]="iconCacheService.getIcon(extraIcon)"
|
|
20858
|
+
(clearIconClick)="onClearIconClick()"
|
|
20859
|
+
(keydown)="onKeyDown($event)"
|
|
20860
|
+
(isFocused)="handleFocus($event)"
|
|
20861
|
+
(rightIconClick)="onExtraIconClick()"
|
|
20862
|
+
(modelChange)="onInputTextModelChange($event)"
|
|
20863
|
+
[fullWidth]="true" [noValidation]="true">
|
|
20864
|
+
<div class="chips-wrap" (click)="onChipsWrapClick()">
|
|
20865
|
+
@for (txt of model; track txt; let index = $index) {
|
|
20866
|
+
<co-chip-render [text]="txt"
|
|
20867
|
+
[bgCssColor]="getChipColorCss(index)"
|
|
20868
|
+
(iconClick)="onChipRemoveIconClick($event, index)"
|
|
20869
|
+
(textClick)="onChipTextClick(index)">
|
|
20870
|
+
</co-chip-render>
|
|
20871
|
+
<div class="right-in-between" (click)="onRightInBetweenClick(index)"></div>
|
|
20872
|
+
}
|
|
20873
|
+
</div>
|
|
20874
|
+
</co-input-text>
|
|
20875
|
+
`,
|
|
20876
|
+
providers: [
|
|
20877
|
+
OverlayService, {
|
|
20878
|
+
provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
|
|
20879
|
+
useExisting: forwardRef(() => InputTextChipsComponent)
|
|
20880
|
+
}, {
|
|
20881
|
+
provide: BaseInputComponent,
|
|
20882
|
+
useExisting: InputTextChipsComponent
|
|
20883
|
+
}
|
|
20884
|
+
],
|
|
20885
|
+
standalone: false,
|
|
20886
|
+
encapsulation: ViewEncapsulation.None
|
|
20887
|
+
}]
|
|
20888
|
+
}], ctorParameters: () => [{ type: FormComponent, decorators: [{
|
|
20889
|
+
type: Optional
|
|
20890
|
+
}] }, { type: i0.ChangeDetectorRef }, { type: OverlayService }, { type: ColorSequenceService }, { type: IconCacheService }, { type: FormInputUserModelChangeListenerService }, { type: NgZoneWrapperService }, { type: i0.ElementRef }], propDecorators: { inputTextComp: [{
|
|
20891
|
+
type: ViewChild,
|
|
20892
|
+
args: [InputTextComponent, { static: true }]
|
|
20893
|
+
}], chipRenderComps: [{
|
|
20894
|
+
type: ViewChildren,
|
|
20895
|
+
args: [ChipRenderComponent]
|
|
20896
|
+
}], placeholder: [{
|
|
20897
|
+
type: Input
|
|
20898
|
+
}], colorSeqName: [{
|
|
20899
|
+
type: Input
|
|
20900
|
+
}], toggleModel: [{
|
|
20901
|
+
type: Input
|
|
20902
|
+
}], toggleBoxLabel: [{
|
|
20903
|
+
type: Input
|
|
20904
|
+
}], extraIcon: [{
|
|
20905
|
+
type: Input
|
|
20906
|
+
}], extraIconClicked: [{
|
|
20907
|
+
type: Output
|
|
20908
|
+
}], submit: [{
|
|
20909
|
+
type: Output
|
|
20910
|
+
}], toggleModelChange: [{
|
|
20911
|
+
type: Output
|
|
20912
|
+
}], textMode: [{
|
|
20913
|
+
type: HostBinding,
|
|
20914
|
+
args: ['class.text-mode']
|
|
20915
|
+
}], showClass: [{
|
|
20916
|
+
type: HostBinding,
|
|
20917
|
+
args: ['class.co-input-text-chips']
|
|
20918
|
+
}] } });
|
|
20919
|
+
|
|
20920
|
+
class InputTextChipsModule {
|
|
20921
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputTextChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
20922
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: InputTextChipsModule, declarations: [InputTextChipsComponent,
|
|
20923
|
+
ChipRenderComponent], imports: [CommonModule,
|
|
20924
|
+
IconModule,
|
|
20925
|
+
InputTextModule], exports: [InputTextChipsComponent] });
|
|
20926
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputTextChipsModule, imports: [CommonModule,
|
|
20927
|
+
IconModule,
|
|
20928
|
+
InputTextModule] });
|
|
20929
|
+
}
|
|
20930
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputTextChipsModule, decorators: [{
|
|
20931
|
+
type: NgModule,
|
|
20932
|
+
args: [{
|
|
20933
|
+
imports: [
|
|
20934
|
+
CommonModule,
|
|
20935
|
+
IconModule,
|
|
20936
|
+
InputTextModule
|
|
20937
|
+
],
|
|
20938
|
+
declarations: [
|
|
20939
|
+
InputTextChipsComponent,
|
|
20940
|
+
ChipRenderComponent
|
|
20941
|
+
],
|
|
20942
|
+
exports: [
|
|
20943
|
+
InputTextChipsComponent
|
|
20944
|
+
]
|
|
20945
|
+
}]
|
|
20946
|
+
}] });
|
|
20947
|
+
|
|
20558
20948
|
/*
|
|
20559
20949
|
* Public API Surface of corecomponents
|
|
20560
20950
|
*/
|
|
@@ -20563,5 +20953,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
20563
20953
|
* Generated bundle index. Do not edit.
|
|
20564
20954
|
*/
|
|
20565
20955
|
|
|
20566
|
-
export { AlignWithDirective, AlignWithModule, AppendPipe, AppendPipeModule, ArticleTileComponent, ArticleTileModule, BaseInputComponent, BaseInputDatePickerDirective, BaseModuleScreenConfigService, BaseModuleService, ButtonComponent, ButtonModule, CalendarComponent, CalendarModule, CalendarTemplateComponent, CardComponent, CardModule, CarouselComponent, CarouselHammerConfig, CarouselModule, CheckmarkOverlayComponent, CheckmarkOverlayModule, ClickOutsideDirective, ClickoutsideModule, CoCurrencyPipe, CoCurrencyPipeModule, CoDialogComponent, CoDialogModule, CoDialogWizardComponent, CoDialogWizardModule, CoDirection, CoOrientation, CollapsibleComponent, CollapsibleModule, Color, ColorPickerComponent, ColorPickerModule, ColorSequence, ColorSequenceName, ColorSequenceService, ColumnAlign, ContentViewMode, CoreComponentsIcon, CoreComponentsTranslationModule, CoreComponentsTranslationService, CoreDialogModule, CoreDialogService, CoreLocalizePipe, DoubleCalendarComponent, DoubleCalendarModule, DragDropContainer, DragDropContainerComponent, DragDropManagerService, DragDropModule, DraggableDirective, ElementPosition, FilterItemComponent, FilterItemMode, FilterItemModule, FilterItemViewmodel, FilterPipe, FilterPipeModule, FilterViewmodel, FormComponent, FormInputUserModelChangeListenerService, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, HourSchedulingComponent, HourSchedulingComponentModule, HourSchedulingExpandableComponent, HourSchedulingExpandableComponentModule, HourSchedulingExpandableTemplateComponent, HourSchedulingExpandableTemplateModule, HourSchedulingTestObjectComponent, IconCacheService, IconCollapseHandleComponent, IconCollapseHandleModule, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputScannerComponent, InputScannerModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputTimeComponent, InputTimeModule, LevelIndicatorComponent, LevelIndicatorModule, ListOfIconsComponent, ListOfIconsModule, ListOfValuesComponent, ListOfValuesModule, ListOfValuesPopupComponent, LoaderComponent, LoaderModule, NgZoneWrapperService, ObserveVisibilityDirective, ObserveVisibilityModule, OrientationOfDirection, OverlayDirective, OverlayModule, OverlayParentDirective, OverlayService, PaginatePipe, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PrependPipe, PrependPipeModule, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, ResponsiveTextComponent, ResponsiveTextModule, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, ScreenConfigurationDirective, ScreenConfigurationModule, ScrollContainerComponent, ScrollContainerModule, ScrollDirection, SimpleGridCellComponent, SimpleGridColumnDirective, SimpleGridColumnTemplateDirective, SimpleGridColumnTemplateType, SimpleGridComponent, SimpleGridModule, TemplateWrapperDirective, TemplateWrapperModule, TextInputPopupComponent, TileComponent, TileModule, TileSelectComponent, TileSelectModule, TooltipDirective, TooltipDirectiveModule, ViewModeButtonsComponent, ViewModeButtonsModule, emailValidator, equalValidator, getValidatePasswordErrorString, maxStringLengthValidator, passwordValidator, precisionScaleValidator, requiredValidator, showHideDialog };
|
|
20956
|
+
export { AlignWithDirective, AlignWithModule, AppendPipe, AppendPipeModule, ArticleTileComponent, ArticleTileModule, BaseInputComponent, BaseInputDatePickerDirective, BaseModuleScreenConfigService, BaseModuleService, ButtonComponent, ButtonModule, CalendarComponent, CalendarModule, CalendarTemplateComponent, CardComponent, CardModule, CarouselComponent, CarouselHammerConfig, CarouselModule, CheckmarkOverlayComponent, CheckmarkOverlayModule, ClickOutsideDirective, ClickoutsideModule, CoCurrencyPipe, CoCurrencyPipeModule, CoDialogComponent, CoDialogModule, CoDialogWizardComponent, CoDialogWizardModule, CoDirection, CoOrientation, CollapsibleComponent, CollapsibleModule, Color, ColorPickerComponent, ColorPickerModule, ColorSequence, ColorSequenceName, ColorSequenceService, ColumnAlign, ContentViewMode, CoreComponentsIcon, CoreComponentsTranslationModule, CoreComponentsTranslationService, CoreDialogModule, CoreDialogService, CoreLocalizePipe, DoubleCalendarComponent, DoubleCalendarModule, DragDropContainer, DragDropContainerComponent, DragDropManagerService, DragDropModule, DraggableDirective, ElementPosition, FilterItemComponent, FilterItemMode, FilterItemModule, FilterItemViewmodel, FilterPipe, FilterPipeModule, FilterViewmodel, FormComponent, FormInputUserModelChangeListenerService, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, HourSchedulingComponent, HourSchedulingComponentModule, HourSchedulingExpandableComponent, HourSchedulingExpandableComponentModule, HourSchedulingExpandableTemplateComponent, HourSchedulingExpandableTemplateModule, HourSchedulingTestObjectComponent, IconCacheService, IconCollapseHandleComponent, IconCollapseHandleModule, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputScannerComponent, InputScannerModule, InputSearchComponent, InputSearchModule, InputTextChipsComponent, InputTextChipsModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputTimeComponent, InputTimeModule, LevelIndicatorComponent, LevelIndicatorModule, ListOfIconsComponent, ListOfIconsModule, ListOfValuesComponent, ListOfValuesModule, ListOfValuesPopupComponent, LoaderComponent, LoaderModule, NgZoneWrapperService, ObserveVisibilityDirective, ObserveVisibilityModule, OrientationOfDirection, OverlayDirective, OverlayModule, OverlayParentDirective, OverlayService, PaginatePipe, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PrependPipe, PrependPipeModule, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, ResponsiveTextComponent, ResponsiveTextModule, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, ScreenConfigurationDirective, ScreenConfigurationModule, ScrollContainerComponent, ScrollContainerModule, ScrollDirection, SimpleGridCellComponent, SimpleGridColumnDirective, SimpleGridColumnTemplateDirective, SimpleGridColumnTemplateType, SimpleGridComponent, SimpleGridModule, TemplateWrapperDirective, TemplateWrapperModule, TextInputPopupComponent, TileComponent, TileModule, TileSelectComponent, TileSelectModule, TooltipDirective, TooltipDirectiveModule, ViewModeButtonsComponent, ViewModeButtonsModule, emailValidator, equalValidator, getValidatePasswordErrorString, maxStringLengthValidator, passwordValidator, precisionScaleValidator, requiredValidator, showHideDialog };
|
|
20567
20957
|
//# sourceMappingURL=colijnit-corecomponents_v12.mjs.map
|