@latitude-ui/widgets 0.0.11 → 0.0.13
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.
- package/core/public-api.d.ts +2 -0
- package/core/src/dimensions.d.ts +13 -0
- package/core/src/root.d.ts +12 -0
- package/esm2022/button/src/button.component.js +1 -1
- package/esm2022/core/public-api.js +3 -1
- package/esm2022/core/src/dimensions.js +56 -0
- package/esm2022/core/src/root.js +20 -0
- package/esm2022/icons/src/icon.component.js +18 -10
- package/esm2022/icons/src/icon.service.js +62 -0
- package/esm2022/icons/src/icon.tokens.js +8 -2
- package/esm2022/input/src/input.directive.js +6 -5
- package/esm2022/lookup/latitude-ui-widgets-lookup.js +5 -0
- package/esm2022/lookup/public-api.js +3 -0
- package/esm2022/lookup/src/lookup-outlet.directive.js +13 -0
- package/esm2022/lookup/src/lookup.component.js +11 -0
- package/esm2022/select/public-api.js +4 -4
- package/esm2022/select/src/select/select.directive.js +86 -0
- package/esm2022/select/src/select-dropdown/select-dropdown.component.js +39 -0
- package/esm2022/select/src/select-multiple.component.js +38 -29
- package/esm2022/select/src/select-option/select-option.component.js +21 -0
- package/esm2022/select/src/select-option/select-option.directive.js +19 -0
- package/esm2022/select/src/select-single.component.js +34 -29
- package/esm2022/select/src/select-trigger/select-trigger.component.js +29 -0
- package/esm2022/select/src/select-value/select-value.component.js +15 -0
- package/esm2022/select/src/select-values/select-values.component.js +16 -0
- package/esm2022/select/src/select.module.js +2 -2
- package/esm2022/textarea/src/textarea.component.js +8 -19
- package/esm2022/textbox/public-api.js +2 -1
- package/esm2022/textbox/src/textbox.component.js +7 -15
- package/esm2022/textbox/src/textbox.directive.js +25 -0
- package/esm2022/textbox-number/src/textbox-number.component.js +11 -11
- package/esm2022/textbox-search/src/textbox-search.component.js +2 -3
- package/esm2022/toolbar/latitude-ui-widgets-toolbar.js +5 -0
- package/esm2022/toolbar/public-api.js +2 -0
- package/esm2022/toolbar/src/toolbar.component.js +14 -0
- package/icons/src/icon.component.d.ts +3 -1
- package/icons/src/icon.service.d.ts +15 -0
- package/icons/src/icon.tokens.d.ts +2 -1
- package/input/src/input.directive.d.ts +2 -1
- package/lookup/README.md +3 -0
- package/lookup/latitude-ui-widgets-lookup.d.ts +5 -0
- package/lookup/public-api.d.ts +2 -0
- package/lookup/src/lookup-outlet.directive.d.ts +5 -0
- package/lookup/src/lookup.component.d.ts +5 -0
- package/package.json +14 -6
- package/select/public-api.d.ts +3 -3
- package/select/src/select/select.directive.d.ts +24 -0
- package/select/src/select-dropdown/select-dropdown.component.d.ts +14 -0
- package/select/src/select-multiple.component.d.ts +7 -7
- package/select/src/{select-option.component.d.ts → select-option/select-option.component.d.ts} +2 -2
- package/select/src/{select-option.directive.d.ts → select-option/select-option.directive.d.ts} +3 -3
- package/select/src/select-single.component.d.ts +6 -7
- package/select/src/{select-trigger.component.d.ts → select-trigger/select-trigger.component.d.ts} +2 -2
- package/select/src/{select-value.component.d.ts → select-value/select-value.component.d.ts} +1 -1
- package/select/src/select-values/select-values.component.d.ts +7 -0
- package/select/src/select.module.d.ts +1 -1
- package/styles/_defaults.scss +13 -0
- package/styles/forms/_index.scss +117 -85
- package/styles/icons/_index.scss +2 -2
- package/textarea/src/textarea.component.d.ts +3 -9
- package/textbox/public-api.d.ts +1 -0
- package/textbox/src/textbox.component.d.ts +3 -8
- package/textbox/src/textbox.directive.d.ts +12 -0
- package/textbox-number/src/textbox-number.component.d.ts +4 -5
- package/textbox-search/src/textbox-search.component.d.ts +1 -2
- package/toolbar/latitude-ui-widgets-toolbar.d.ts +5 -0
- package/toolbar/public-api.d.ts +1 -0
- package/toolbar/src/toolbar.component.d.ts +5 -0
- package/esm2022/select/src/select-option.component.js +0 -21
- package/esm2022/select/src/select-option.directive.js +0 -19
- package/esm2022/select/src/select-trigger.component.js +0 -28
- package/esm2022/select/src/select-value.component.js +0 -13
- package/esm2022/select/src/select.component.js +0 -44
- package/esm2022/select/src/select.directive.js +0 -103
- package/select/src/select.component.d.ts +0 -13
- package/select/src/select.directive.d.ts +0 -25
package/select/src/{select-trigger.component.d.ts → select-trigger/select-trigger.component.d.ts}
RENAMED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { SelectDirective } from '
|
|
1
|
+
import { SelectDirective } from '../select/select.directive';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class SelectTriggerComponent {
|
|
4
4
|
readonly select: SelectDirective<any, any>;
|
|
5
5
|
readonly nativeElement: any;
|
|
6
6
|
constructor();
|
|
7
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<SelectTriggerComponent, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SelectTriggerComponent, "lat-select-trigger", ["latSelectTrigger"], {}, {}, never, ["lat-select-
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectTriggerComponent, "lat-select-trigger", ["latSelectTrigger"], {}, {}, never, ["lat-select-values"], true, never>;
|
|
9
9
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SelectDirective } from '../select/select.directive';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class SelectValuesComponent {
|
|
4
|
+
readonly select: SelectDirective<any, any>;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectValuesComponent, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectValuesComponent, "lat-select-values", ["latSelectValues"], {}, {}, never, never, true, never>;
|
|
7
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { SelectOptionComponent } from './select-option.component';
|
|
1
|
+
import { SelectOptionComponent } from './select-option/select-option.component';
|
|
2
2
|
import { SelectMultipleComponent } from './select-multiple.component';
|
|
3
3
|
import { SelectSingleComponent } from './select-single.component';
|
|
4
4
|
export declare const SelectModule: readonly [typeof SelectOptionComponent, typeof SelectMultipleComponent, typeof SelectSingleComponent];
|
package/styles/_defaults.scss
CHANGED
|
@@ -120,3 +120,16 @@ progress {
|
|
|
120
120
|
summary {
|
|
121
121
|
display: list-item;
|
|
122
122
|
}
|
|
123
|
+
|
|
124
|
+
.lat-root {
|
|
125
|
+
display: flex;
|
|
126
|
+
|
|
127
|
+
overflow: hidden;
|
|
128
|
+
box-sizing: border-box;
|
|
129
|
+
|
|
130
|
+
width: var(--lat-layout-width, 100vw);
|
|
131
|
+
height: var(--lat-layout-height, 100vw);
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
|
|
135
|
+
|
package/styles/forms/_index.scss
CHANGED
|
@@ -328,8 +328,6 @@ lat-textbox, lat-textarea {
|
|
|
328
328
|
overflow: hidden;
|
|
329
329
|
|
|
330
330
|
width: 100%;
|
|
331
|
-
height: var(--lat-textbox-height);
|
|
332
|
-
line-height: var(--lat-textbox-line-height);
|
|
333
331
|
|
|
334
332
|
font-size: var(--lat-textbox-font-size);
|
|
335
333
|
font-family: var(--lat-textbox-font-family), sans-serif;
|
|
@@ -399,6 +397,7 @@ lat-textbox, lat-textarea {
|
|
|
399
397
|
|
|
400
398
|
width: 100%;
|
|
401
399
|
|
|
400
|
+
height: var(--lat-textbox-height);
|
|
402
401
|
line-height: var(--lat-textbox-line-height);
|
|
403
402
|
|
|
404
403
|
font-size: inherit;
|
|
@@ -471,23 +470,25 @@ lat-select {
|
|
|
471
470
|
position: relative;
|
|
472
471
|
box-sizing: border-box;
|
|
473
472
|
|
|
474
|
-
display: flex;
|
|
473
|
+
display: inline-flex;
|
|
475
474
|
|
|
476
475
|
overflow: hidden;
|
|
477
476
|
|
|
478
|
-
min-width:
|
|
477
|
+
min-width: 100px;
|
|
479
478
|
max-width: 100%;
|
|
480
479
|
|
|
481
480
|
&[type="single"] {
|
|
482
|
-
lat-select-value {
|
|
483
|
-
display: flex;
|
|
484
481
|
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
482
|
+
lat-select-value,
|
|
483
|
+
lat-select-values {
|
|
484
|
+
flex: 1 1 auto;
|
|
485
|
+
}
|
|
489
486
|
|
|
490
|
-
|
|
487
|
+
lat-select-value {
|
|
488
|
+
span {
|
|
489
|
+
width: 100%;
|
|
490
|
+
background-color: transparent;
|
|
491
|
+
}
|
|
491
492
|
}
|
|
492
493
|
}
|
|
493
494
|
|
|
@@ -497,15 +498,20 @@ lat-select {
|
|
|
497
498
|
box-sizing: border-box;
|
|
498
499
|
|
|
499
500
|
display: flex;
|
|
500
|
-
|
|
501
|
+
flex-wrap: nowrap;
|
|
502
|
+
overflow-x: hidden;
|
|
501
503
|
|
|
502
|
-
|
|
504
|
+
align-items: center;
|
|
505
|
+
justify-content: space-between;
|
|
506
|
+
|
|
507
|
+
cursor: pointer;
|
|
508
|
+
user-select: none;
|
|
503
509
|
|
|
504
|
-
height: var(--lat-textbox-height);
|
|
505
|
-
line-height: var(--lat-textbox-line-height);
|
|
506
510
|
width: 100%;
|
|
507
511
|
max-width: 100%;
|
|
508
512
|
|
|
513
|
+
line-height: var(--lat-textbox-line-height);
|
|
514
|
+
|
|
509
515
|
font-size: var(--lat-textbox-font-size);
|
|
510
516
|
font-family: var(--lat-textbox-font-family), sans-serif;
|
|
511
517
|
font-weight: var(--lat-textbox-font-weight);
|
|
@@ -558,72 +564,47 @@ lat-select {
|
|
|
558
564
|
0.5rem
|
|
559
565
|
);
|
|
560
566
|
|
|
567
|
+
lat-select-values {
|
|
568
|
+
display: flex;
|
|
569
|
+
flex-wrap: nowrap;
|
|
570
|
+
overflow-x: hidden;
|
|
561
571
|
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
position: relative;
|
|
565
|
-
|
|
566
|
-
display: inline-flex;
|
|
572
|
+
gap: 0.5rem;
|
|
573
|
+
height: 100%;
|
|
567
574
|
|
|
568
|
-
|
|
575
|
+
margin-inline: 0.5rem;
|
|
569
576
|
|
|
570
|
-
|
|
577
|
+
lat-select-value {
|
|
578
|
+
display: flex;
|
|
571
579
|
overflow: hidden;
|
|
572
|
-
position: relative;
|
|
573
580
|
|
|
574
|
-
|
|
581
|
+
min-width: 0;
|
|
582
|
+
min-height: 0;
|
|
575
583
|
|
|
576
|
-
|
|
577
|
-
|
|
584
|
+
flex-shrink: 0;
|
|
585
|
+
align-items: center;
|
|
586
|
+
justify-content: flex-start;
|
|
578
587
|
|
|
579
|
-
|
|
588
|
+
cursor: pointer;
|
|
589
|
+
user-select: none;
|
|
580
590
|
|
|
581
|
-
|
|
582
|
-
height: 100%;
|
|
591
|
+
font-size: calc(var(--lat-textbox-font-size) - 1px);
|
|
583
592
|
|
|
584
|
-
|
|
585
|
-
|
|
593
|
+
span {
|
|
594
|
+
display: inline-block;
|
|
586
595
|
|
|
587
|
-
|
|
588
|
-
|
|
596
|
+
padding-block: 2px;
|
|
597
|
+
padding-inline: 8px;
|
|
589
598
|
|
|
599
|
+
border-radius: 4px;
|
|
590
600
|
|
|
601
|
+
background-color: var(--lat-background-color-subtle-hover);
|
|
591
602
|
}
|
|
592
|
-
}
|
|
593
|
-
}
|
|
594
|
-
|
|
595
|
-
.lat-select-tag {
|
|
596
|
-
display: flex;
|
|
597
|
-
overflow: hidden;
|
|
598
|
-
|
|
599
|
-
min-width: 0;
|
|
600
|
-
min-height: 0;
|
|
601
|
-
|
|
602
|
-
flex-shrink: 0;
|
|
603
|
-
align-items: center;
|
|
604
|
-
justify-content: flex-start;
|
|
605
|
-
|
|
606
|
-
cursor: pointer;
|
|
607
|
-
user-select: none;
|
|
608
|
-
|
|
609
|
-
font-size: var(--lat-textbox-font-size);
|
|
610
|
-
font-family: var(--lat-textbox-font-family), sans-serif;
|
|
611
|
-
font-weight: var(--lat-textbox-font-weight);
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
span {
|
|
615
|
-
display: inline-block;
|
|
616
|
-
|
|
617
|
-
padding-block: 2px;
|
|
618
|
-
padding-inline: 8px;
|
|
619
603
|
|
|
620
|
-
border-radius: 4px;
|
|
621
|
-
|
|
622
|
-
background-color: var(--lat-background-color-subtle-hover);
|
|
623
604
|
}
|
|
624
605
|
}
|
|
625
606
|
|
|
626
|
-
lat-select-
|
|
607
|
+
lat-select-values + .lat-select-control {
|
|
627
608
|
position: relative;
|
|
628
609
|
box-sizing: content-box;
|
|
629
610
|
|
|
@@ -638,6 +619,10 @@ lat-select {
|
|
|
638
619
|
lat-button {
|
|
639
620
|
--lat-button-height: var(--lat-textbox-height);
|
|
640
621
|
width: var(--lat-textbox-height);
|
|
622
|
+
|
|
623
|
+
&:hover {
|
|
624
|
+
background-color: transparent;
|
|
625
|
+
}
|
|
641
626
|
}
|
|
642
627
|
}
|
|
643
628
|
|
|
@@ -646,52 +631,95 @@ lat-select {
|
|
|
646
631
|
|
|
647
632
|
}
|
|
648
633
|
|
|
649
|
-
.lat-select-dropdown {
|
|
634
|
+
.lat-select-dropdown-backdrop {
|
|
635
|
+
opacity: 1;
|
|
636
|
+
visibility: hidden;
|
|
650
637
|
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
638
|
+
&.cdk-overlay-backdrop-showing {
|
|
639
|
+
opacity: 0;
|
|
640
|
+
visibility: visible;
|
|
641
|
+
}
|
|
642
|
+
}
|
|
654
643
|
|
|
655
|
-
|
|
656
|
-
background-color: var(--lat-background-color);
|
|
644
|
+
lat-select-dropdown {
|
|
657
645
|
|
|
658
|
-
|
|
646
|
+
box-sizing: border-box;
|
|
659
647
|
|
|
660
|
-
|
|
661
|
-
inset: 0 0 4px 0;
|
|
662
|
-
}
|
|
648
|
+
display: flex;
|
|
663
649
|
|
|
664
|
-
|
|
665
|
-
inset: 0 0 0 4px;
|
|
666
|
-
}
|
|
650
|
+
flex-direction: column;
|
|
667
651
|
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
652
|
+
outline: none;
|
|
653
|
+
pointer-events: auto;
|
|
654
|
+
|
|
655
|
+
max-height: 300px;
|
|
656
|
+
|
|
657
|
+
padding-block: 4px;
|
|
658
|
+
padding-inline: 0;
|
|
659
|
+
|
|
660
|
+
border-radius: 4px;
|
|
661
|
+
|
|
662
|
+
box-shadow: var(--lat-box-shadow-large);
|
|
663
|
+
background-color: var(--lat-background-color);
|
|
664
|
+
|
|
665
|
+
&[data-side="top"] {
|
|
666
|
+
margin: 0 0 4px 0;
|
|
667
|
+
}
|
|
668
|
+
|
|
669
|
+
&[data-side="right"] {
|
|
670
|
+
margin: 0 0 0 4px;
|
|
671
|
+
}
|
|
671
672
|
|
|
672
|
-
|
|
673
|
-
|
|
673
|
+
&[data-side="bottom"] {
|
|
674
|
+
margin: 4px 0 0 0;
|
|
675
|
+
}
|
|
676
|
+
|
|
677
|
+
&[data-side="left"] {
|
|
678
|
+
margin: 0 4px 0 0;
|
|
679
|
+
}
|
|
680
|
+
|
|
681
|
+
|
|
682
|
+
lat-textbox {
|
|
683
|
+
margin: 2px 4px 4px;
|
|
684
|
+
width: auto;
|
|
685
|
+
}
|
|
686
|
+
|
|
687
|
+
lat-listbox {
|
|
688
|
+
[role="listbox"] {
|
|
689
|
+
box-sizing: border-box;
|
|
690
|
+
|
|
691
|
+
scrollbar-width: none; /* Firefox */
|
|
692
|
+
-ms-overflow-style: none; /* IE and Edge */
|
|
693
|
+
|
|
694
|
+
&::-webkit-scrollbar {
|
|
695
|
+
display: none;
|
|
696
|
+
}
|
|
674
697
|
}
|
|
675
698
|
|
|
676
699
|
[role="option"] {
|
|
700
|
+
box-sizing: border-box;
|
|
701
|
+
|
|
677
702
|
display: inline-flex;
|
|
678
703
|
|
|
679
|
-
flex-wrap:
|
|
704
|
+
flex-wrap: nowrap;
|
|
680
705
|
flex-direction: row;
|
|
681
706
|
|
|
707
|
+
width: auto;
|
|
708
|
+
|
|
682
709
|
gap: 10px;
|
|
710
|
+
margin-inline: 4px;
|
|
683
711
|
padding-inline: 10px;
|
|
684
712
|
|
|
685
713
|
align-items: center;
|
|
686
714
|
justify-content: flex-start;
|
|
687
715
|
|
|
688
|
-
width: 100%;
|
|
689
716
|
height: 28px;
|
|
717
|
+
min-height: 28px;
|
|
718
|
+
border-radius: 4px;
|
|
690
719
|
|
|
691
720
|
cursor: pointer;
|
|
692
721
|
user-select: none;
|
|
693
722
|
|
|
694
|
-
|
|
695
723
|
font-size: var(--lat-font-size-small);
|
|
696
724
|
font-family: var(--lat-font-family-sans), sans-serif;
|
|
697
725
|
font-weight: var(--lat-font-weight-normal);
|
|
@@ -717,6 +745,10 @@ lat-select {
|
|
|
717
745
|
//}
|
|
718
746
|
}
|
|
719
747
|
}
|
|
748
|
+
|
|
749
|
+
//
|
|
750
|
+
|
|
751
|
+
//}
|
|
720
752
|
}
|
|
721
753
|
|
|
722
754
|
lat-textbox[type="number"] {
|
package/styles/icons/_index.scss
CHANGED
|
@@ -4,7 +4,7 @@ lat-icon {
|
|
|
4
4
|
position: relative;
|
|
5
5
|
box-sizing: border-box;
|
|
6
6
|
|
|
7
|
-
display:
|
|
7
|
+
display: flex;
|
|
8
8
|
|
|
9
9
|
block-size: 1em;
|
|
10
10
|
inline-size: 1em;
|
|
@@ -15,7 +15,7 @@ lat-icon {
|
|
|
15
15
|
|
|
16
16
|
border: 0 solid transparent;
|
|
17
17
|
|
|
18
|
-
&:after {
|
|
18
|
+
&:not([data-polyfill="true"]):after {
|
|
19
19
|
position: absolute;
|
|
20
20
|
|
|
21
21
|
display: block;
|
|
@@ -1,15 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { BuildInInputValueAccessor } from '@latitude-ui/widgets/input';
|
|
1
|
+
import { TextBoxDirective } from '@latitude-ui/widgets/textbox';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class TextAreaComponent extends
|
|
3
|
+
export declare class TextAreaComponent extends TextBoxDirective<string> {
|
|
5
4
|
readonly rows: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
6
5
|
readonly maxlength: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
|
|
7
6
|
readonly minlength: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
|
|
8
|
-
readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
|
|
9
|
-
readonly inputElementRef: import("@angular/core").Signal<ElementRef<any>>;
|
|
10
|
-
constructor();
|
|
11
|
-
protected handleBlurEvent(): void;
|
|
12
|
-
protected handleInputEvent(): void;
|
|
13
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, never>;
|
|
14
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "lat-textarea", ["latTextArea"], { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; };
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "lat-textarea", ["latTextArea"], { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
15
9
|
}
|
package/textbox/public-api.d.ts
CHANGED
|
@@ -1,13 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { BuildInInputValueAccessor } from '@latitude-ui/widgets/input';
|
|
1
|
+
import { TextBoxDirective } from './textbox.directive';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class TextBoxComponent extends
|
|
3
|
+
export declare class TextBoxComponent extends TextBoxDirective<string> {
|
|
5
4
|
readonly maxlength: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
|
|
6
5
|
readonly minlength: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
|
|
7
|
-
readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
|
|
8
|
-
readonly inputElementRef: import("@angular/core").Signal<ElementRef<any>>;
|
|
9
|
-
protected handleBlurEvent(): void;
|
|
10
|
-
protected handleInputEvent(): void;
|
|
11
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxComponent, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TextBoxComponent, "lat-textbox:not([type]), lat-textbox[type=\"text\"]", ["latTextBox"], { "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; };
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextBoxComponent, "lat-textbox:not([type]), lat-textbox[type=\"text\"]", ["latTextBox"], { "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
13
8
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { BuildInInputValueAccessor } from '@latitude-ui/widgets/input';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TextBoxDirective<T> extends BuildInInputValueAccessor<T> {
|
|
5
|
+
readonly input: import("@angular/core").Signal<ElementRef<any>>;
|
|
6
|
+
blur(): void;
|
|
7
|
+
focus(): void;
|
|
8
|
+
protected handleBlurEvent(): void;
|
|
9
|
+
protected handleInputEvent(): void;
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxDirective<any>, never>;
|
|
11
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TextBoxDirective<any>, never, never, {}, {}, never, never, true, never>;
|
|
12
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ElementRef } from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { TextBoxDirective } from '@latitude-ui/widgets/textbox';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class TextBoxNumberComponent extends
|
|
4
|
+
export declare class TextBoxNumberComponent extends TextBoxDirective<number> {
|
|
5
5
|
readonly max: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
|
|
6
6
|
readonly min: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
|
|
7
7
|
readonly step: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
|
|
@@ -9,7 +9,6 @@ export declare class TextBoxNumberComponent extends BuildInInputValueAccessor<nu
|
|
|
9
9
|
readonly decimalMode: import("@angular/core").InputSignal<"always" | "not-zero" | "pad">;
|
|
10
10
|
readonly decimalSeparator: import("@angular/core").InputSignal<"," | ".">;
|
|
11
11
|
readonly thousandSeparator: import("@angular/core").InputSignal<string>;
|
|
12
|
-
readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
|
|
13
12
|
readonly inputElementRef: import("@angular/core").Signal<ElementRef<any>>;
|
|
14
13
|
readonly ariaValueMax: import("@angular/core").Signal<number>;
|
|
15
14
|
readonly ariaValueMin: import("@angular/core").Signal<number>;
|
|
@@ -29,9 +28,9 @@ export declare class TextBoxNumberComponent extends BuildInInputValueAccessor<nu
|
|
|
29
28
|
protected valueSimplify(value: string): string;
|
|
30
29
|
protected valueUnsettled(value: string): boolean;
|
|
31
30
|
protected parseNumber(value: unknown): number | null;
|
|
32
|
-
protected handleBlurEvent(): void;
|
|
33
31
|
protected handleFocusEvent(): void;
|
|
32
|
+
protected handleBlurEvent(): void;
|
|
34
33
|
protected handleInputEvent(): void;
|
|
35
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxNumberComponent, never>;
|
|
36
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TextBoxNumberComponent, "lat-textbox[type=\"number\"]", ["latTextBox"], { "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "decimalMode": { "alias": "decimalMode"; "required": false; "isSignal": true; }; "decimalSeparator": { "alias": "decimalSeparator"; "required": false; "isSignal": true; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; "isSignal": true; };
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextBoxNumberComponent, "lat-textbox[type=\"number\"]", ["latTextBox"], { "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "decimalMode": { "alias": "decimalMode"; "required": false; "isSignal": true; }; "decimalSeparator": { "alias": "decimalSeparator"; "required": false; "isSignal": true; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
37
36
|
}
|
|
@@ -5,12 +5,11 @@ export declare class TextBoxSearchComponent extends BuildInInputValueAccessor<st
|
|
|
5
5
|
readonly maxlength: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
|
|
6
6
|
readonly minlength: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
|
|
7
7
|
readonly debounceTime: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
8
|
-
readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
|
|
9
8
|
readonly inputElementRef: import("@angular/core").Signal<ElementRef<any>>;
|
|
10
9
|
protected timeoutRef: number | undefined;
|
|
11
10
|
constructor();
|
|
12
11
|
protected handleBlurEvent(): void;
|
|
13
12
|
protected handleInputEvent(): void;
|
|
14
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxSearchComponent, never>;
|
|
15
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TextBoxSearchComponent, "lat-textbox[type=\"search\"]", ["latTextBox"], { "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; };
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextBoxSearchComponent, "lat-textbox[type=\"search\"]", ["latTextBox"], { "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
16
15
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './src/toolbar.component';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ToolBarComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarComponent, "lat-toolbar", ["latTooBar"], {}, {}, never, never, true, never>;
|
|
5
|
+
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { booleanAttribute, ChangeDetectionStrategy, Component, forwardRef, input, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import { SelectOptionDirective } from './select-option.directive';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "./select-option.directive";
|
|
5
|
-
export class SelectOptionComponent {
|
|
6
|
-
value = input.required();
|
|
7
|
-
label = input();
|
|
8
|
-
hidden = input(false, { transform: booleanAttribute });
|
|
9
|
-
disabled = input(false, { transform: booleanAttribute });
|
|
10
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.4", type: SelectOptionComponent, isStandalone: true, selector: "lat-select-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["latSelectOption"], hostDirectives: [{ directive: i0.forwardRef(() => i1.SelectOptionDirective) }], ngImport: i0, template: "\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
12
|
-
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectOptionComponent, decorators: [{
|
|
14
|
-
type: Component,
|
|
15
|
-
args: [{ exportAs: 'latSelectOption', selector: 'lat-select-option', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
16
|
-
{
|
|
17
|
-
directive: forwardRef(() => SelectOptionDirective),
|
|
18
|
-
}
|
|
19
|
-
], template: "\r\n" }]
|
|
20
|
-
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW9wdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy93aWRnZXRzL3NlbGVjdC9zcmMvc2VsZWN0LW9wdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy93aWRnZXRzL3NlbGVjdC9zcmMvc2VsZWN0LW9wdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2hCLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFDTCxpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7OztBQWNsRSxNQUFNLE9BQU8scUJBQXFCO0lBQ2hCLEtBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFLLENBQUM7SUFFNUIsS0FBSyxHQUFHLEtBQUssRUFBVSxDQUFDO0lBQ3hCLE1BQU0sR0FBRyxLQUFLLENBQW1CLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7SUFDekUsUUFBUSxHQUFHLEtBQUssQ0FBbUIsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQzt1R0FMaEYscUJBQXFCOzJGQUFyQixxQkFBcUIsbXJCQ3ZCbEMsTUFDQTs7MkZEc0JhLHFCQUFxQjtrQkFaakMsU0FBUzsrQkFDRSxpQkFBaUIsWUFDakIsbUJBQW1CLGlCQUVkLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMscUJBQXFCLENBQUM7eUJBQ25EO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgZm9yd2FyZFJlZixcbiAgaW5wdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTZWxlY3RPcHRpb25EaXJlY3RpdmUgfSBmcm9tICcuL3NlbGVjdC1vcHRpb24uZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIGV4cG9ydEFzOiAnbGF0U2VsZWN0T3B0aW9uJyxcbiAgc2VsZWN0b3I6ICdsYXQtc2VsZWN0LW9wdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBmb3J3YXJkUmVmKCgpID0+IFNlbGVjdE9wdGlvbkRpcmVjdGl2ZSksXG4gICAgfVxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RPcHRpb25Db21wb25lbnQ8VD4ge1xuICBwdWJsaWMgcmVhZG9ubHkgdmFsdWUgPSBpbnB1dC5yZXF1aXJlZDxUPigpO1xuXG4gIHB1YmxpYyByZWFkb25seSBsYWJlbCA9IGlucHV0PHN0cmluZz4oKTtcbiAgcHVibGljIHJlYWRvbmx5IGhpZGRlbiA9IGlucHV0PGJvb2xlYW4sIHVua25vd24+KGZhbHNlLCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KTtcbiAgcHVibGljIHJlYWRvbmx5IGRpc2FibGVkID0gaW5wdXQ8Ym9vbGVhbiwgdW5rbm93bj4oZmFsc2UsIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pO1xufVxuIiwiXHJcbiJdfQ==
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { computed, Directive, inject } from '@angular/core';
|
|
2
|
-
import { SelectDirective } from './select.directive';
|
|
3
|
-
import { SelectOptionComponent } from './select-option.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export class SelectOptionDirective {
|
|
6
|
-
select = inject((SelectDirective));
|
|
7
|
-
option = inject((SelectOptionComponent), { host: true });
|
|
8
|
-
value = computed(() => this.option.value());
|
|
9
|
-
label = computed(() => this.option.label());
|
|
10
|
-
hidden = computed(() => this.option.hidden());
|
|
11
|
-
disabled = computed(() => this.option.disabled());
|
|
12
|
-
selected = computed(() => this.select.selected().find((value) => value === this.value()));
|
|
13
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
14
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.4", type: SelectOptionDirective, isStandalone: true, ngImport: i0 });
|
|
15
|
-
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectOptionDirective, decorators: [{
|
|
17
|
-
type: Directive
|
|
18
|
-
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW9wdGlvbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy93aWRnZXRzL3NlbGVjdC9zcmMvc2VsZWN0LW9wdGlvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTVELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFHbEUsTUFBTSxPQUFPLHFCQUFxQjtJQUNoQixNQUFNLEdBQUcsTUFBTSxDQUFDLENBQUEsZUFBa0IsQ0FBQSxDQUFDLENBQUM7SUFDcEMsTUFBTSxHQUFHLE1BQU0sQ0FBQyxDQUFBLHFCQUF3QixDQUFBLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUUxRCxLQUFLLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUM1QyxLQUFLLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUM1QyxNQUFNLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQztJQUM5QyxRQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztJQUNsRCxRQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQzt1R0FSL0YscUJBQXFCOzJGQUFyQixxQkFBcUI7OzJGQUFyQixxQkFBcUI7a0JBRGpDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjb21wdXRlZCwgRGlyZWN0aXZlLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2VsZWN0RGlyZWN0aXZlIH0gZnJvbSAnLi9zZWxlY3QuZGlyZWN0aXZlJztcbmltcG9ydCB7IFNlbGVjdE9wdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc2VsZWN0LW9wdGlvbi5jb21wb25lbnQnO1xuXG5ARGlyZWN0aXZlKClcbmV4cG9ydCBjbGFzcyBTZWxlY3RPcHRpb25EaXJlY3RpdmU8VD4ge1xuICBwdWJsaWMgcmVhZG9ubHkgc2VsZWN0ID0gaW5qZWN0KFNlbGVjdERpcmVjdGl2ZTxUPik7XG4gIHB1YmxpYyByZWFkb25seSBvcHRpb24gPSBpbmplY3QoU2VsZWN0T3B0aW9uQ29tcG9uZW50PFQ+LCB7IGhvc3Q6IHRydWUgfSk7XG5cbiAgcHVibGljIHJlYWRvbmx5IHZhbHVlID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5vcHRpb24udmFsdWUoKSk7XG4gIHB1YmxpYyByZWFkb25seSBsYWJlbCA9IGNvbXB1dGVkKCgpID0+IHRoaXMub3B0aW9uLmxhYmVsKCkpO1xuICBwdWJsaWMgcmVhZG9ubHkgaGlkZGVuID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5vcHRpb24uaGlkZGVuKCkpO1xuICBwdWJsaWMgcmVhZG9ubHkgZGlzYWJsZWQgPSBjb21wdXRlZCgoKSA9PiB0aGlzLm9wdGlvbi5kaXNhYmxlZCgpKTtcbiAgcHVibGljIHJlYWRvbmx5IHNlbGVjdGVkID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5zZWxlY3Quc2VsZWN0ZWQoKS5maW5kKCh2YWx1ZSkgPT4gdmFsdWUgPT09IHRoaXMudmFsdWUoKSkpO1xufVxuIl19
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { afterRenderEffect, ChangeDetectionStrategy, Component, ElementRef, inject, ViewEncapsulation, } from '@angular/core';
|
|
2
|
-
import { ButtonComponent } from '@latitude-ui/widgets/button';
|
|
3
|
-
import { IconComponent } from '@latitude-ui/widgets/icons';
|
|
4
|
-
import { SelectDirective } from './select.directive';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export class SelectTriggerComponent {
|
|
7
|
-
select = inject(SelectDirective);
|
|
8
|
-
nativeElement = inject((ElementRef)).nativeElement;
|
|
9
|
-
constructor() {
|
|
10
|
-
afterRenderEffect((onCleanup) => {
|
|
11
|
-
const observer = new ResizeObserver(() => {
|
|
12
|
-
this.select.overlayWidth.set(this.nativeElement.offsetWidth);
|
|
13
|
-
});
|
|
14
|
-
observer.observe(this.nativeElement);
|
|
15
|
-
onCleanup(() => observer.disconnect());
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: SelectTriggerComponent, isStandalone: true, selector: "lat-select-trigger", host: { attributes: { "role": "combobox" }, properties: { "attr.data-size": "select.size()" } }, exportAs: ["latSelectTrigger"], ngImport: i0, template: "<ng-content select=\"lat-select-value\" />\n\n@if (!select.readonly()) {\n <section class=\"lat-select-control\">\n <lat-button tabindex=\"-1\" variant=\"subtle\" [size]=\"select.size()\" [disabled]=\"select.disabled()\" (click)=\"select.toggle()\">\n <lat-icon [name]=\"select.overlayState() ? 'chevron-up' : 'chevron-down'\"/>\n </lat-button>\n </section>\n}\n\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "lat-button", inputs: ["size", "variant", "tabindex", "disabled"], exportAs: ["latButton"] }, { kind: "component", type: IconComponent, selector: "lat-icon", inputs: ["url", "name"], exportAs: ["latIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
20
|
-
}
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectTriggerComponent, decorators: [{
|
|
22
|
-
type: Component,
|
|
23
|
-
args: [{ imports: [ButtonComponent, IconComponent], exportAs: 'latSelectTrigger', selector: 'lat-select-trigger', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
24
|
-
role: 'combobox',
|
|
25
|
-
'[attr.data-size]': 'select.size()',
|
|
26
|
-
}, template: "<ng-content select=\"lat-select-value\" />\n\n@if (!select.readonly()) {\n <section class=\"lat-select-control\">\n <lat-button tabindex=\"-1\" variant=\"subtle\" [size]=\"select.size()\" [disabled]=\"select.disabled()\" (click)=\"select.toggle()\">\n <lat-icon [name]=\"select.overlayState() ? 'chevron-up' : 'chevron-down'\"/>\n </lat-button>\n </section>\n}\n\n" }]
|
|
27
|
-
}], ctorParameters: () => [] });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXRyaWdnZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvd2lkZ2V0cy9zZWxlY3Qvc3JjL3NlbGVjdC10cmlnZ2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3dpZGdldHMvc2VsZWN0L3NyYy9zZWxlY3QtdHJpZ2dlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzlELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUUzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBY3JELE1BQU0sT0FBTyxzQkFBc0I7SUFDakIsTUFBTSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNqQyxhQUFhLEdBQUcsTUFBTSxDQUFDLENBQUEsVUFBdUIsQ0FBQSxDQUFDLENBQUMsYUFBYSxDQUFDO0lBRTlFO1FBQ0UsaUJBQWlCLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFBRTtZQUM5QixNQUFNLFFBQVEsR0FBRyxJQUFJLGNBQWMsQ0FBQyxHQUFHLEVBQUU7Z0JBQ3ZDLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1lBQy9ELENBQUMsQ0FBQyxDQUFDO1lBRUgsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7WUFFckMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDO1FBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzt1R0FkVSxzQkFBc0I7MkZBQXRCLHNCQUFzQiwrTUMxQm5DLDJYQVVBLDRDREtZLGVBQWUscUlBQUUsYUFBYTs7MkZBVzdCLHNCQUFzQjtrQkFabEMsU0FBUzs4QkFDQyxDQUFDLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFDL0Isa0JBQWtCLFlBQ2xCLG9CQUFvQixpQkFFZixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLElBQUksRUFBRSxVQUFVO3dCQUNoQixrQkFBa0IsRUFBRSxlQUFlO3FCQUNwQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgYWZ0ZXJSZW5kZXJFZmZlY3QsXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ29tcG9uZW50LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgaW5qZWN0LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGxhdGl0dWRlLXVpL3dpZGdldHMvYnV0dG9uJztcclxuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BsYXRpdHVkZS11aS93aWRnZXRzL2ljb25zJztcclxuXHJcbmltcG9ydCB7IFNlbGVjdERpcmVjdGl2ZSB9IGZyb20gJy4vc2VsZWN0LmRpcmVjdGl2ZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBpbXBvcnRzOiBbQnV0dG9uQ29tcG9uZW50LCBJY29uQ29tcG9uZW50XSxcclxuICBleHBvcnRBczogJ2xhdFNlbGVjdFRyaWdnZXInLFxyXG4gIHNlbGVjdG9yOiAnbGF0LXNlbGVjdC10cmlnZ2VyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0LXRyaWdnZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgaG9zdDoge1xyXG4gICAgcm9sZTogJ2NvbWJvYm94JyxcclxuICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NlbGVjdC5zaXplKCknLFxyXG4gIH0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZWxlY3RUcmlnZ2VyQ29tcG9uZW50IHtcclxuICBwdWJsaWMgcmVhZG9ubHkgc2VsZWN0ID0gaW5qZWN0KFNlbGVjdERpcmVjdGl2ZSk7XHJcbiAgcHVibGljIHJlYWRvbmx5IG5hdGl2ZUVsZW1lbnQgPSBpbmplY3QoRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pLm5hdGl2ZUVsZW1lbnQ7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgYWZ0ZXJSZW5kZXJFZmZlY3QoKG9uQ2xlYW51cCkgPT4ge1xyXG4gICAgICBjb25zdCBvYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcigoKSA9PiB7XHJcbiAgICAgICAgdGhpcy5zZWxlY3Qub3ZlcmxheVdpZHRoLnNldCh0aGlzLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGgpO1xyXG4gICAgICB9KTtcclxuXHJcbiAgICAgIG9ic2VydmVyLm9ic2VydmUodGhpcy5uYXRpdmVFbGVtZW50KTtcclxuXHJcbiAgICAgIG9uQ2xlYW51cCgoKSA9PiBvYnNlcnZlci5kaXNjb25uZWN0KCkpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cImxhdC1zZWxlY3QtdmFsdWVcIiAvPlxuXG5AaWYgKCFzZWxlY3QucmVhZG9ubHkoKSkge1xuICA8c2VjdGlvbiBjbGFzcz1cImxhdC1zZWxlY3QtY29udHJvbFwiPlxuICAgIDxsYXQtYnV0dG9uIHRhYmluZGV4PVwiLTFcIiB2YXJpYW50PVwic3VidGxlXCIgW3NpemVdPVwic2VsZWN0LnNpemUoKVwiIFtkaXNhYmxlZF09XCJzZWxlY3QuZGlzYWJsZWQoKVwiIChjbGljayk9XCJzZWxlY3QudG9nZ2xlKClcIj5cbiAgICAgIDxsYXQtaWNvbiBbbmFtZV09XCJzZWxlY3Qub3ZlcmxheVN0YXRlKCkgPyAnY2hldnJvbi11cCcgOiAnY2hldnJvbi1kb3duJ1wiLz5cbiAgICA8L2xhdC1idXR0b24+XG4gIDwvc2VjdGlvbj5cbn1cblxuIl19
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import { SelectDirective } from './select.directive';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class SelectValueComponent {
|
|
5
|
-
select = inject(SelectDirective);
|
|
6
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: SelectValueComponent, isStandalone: true, selector: "lat-select-value", exportAs: ["latSelectValue"], ngImport: i0, template: "<ng-content />\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
8
|
-
}
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectValueComponent, decorators: [{
|
|
10
|
-
type: Component,
|
|
11
|
-
args: [{ exportAs: 'latSelectValue', selector: 'lat-select-value', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {}, template: "<ng-content />\r\n" }]
|
|
12
|
-
}] });
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXZhbHVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3dpZGdldHMvc2VsZWN0L3NyYy9zZWxlY3QtdmFsdWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvd2lkZ2V0cy9zZWxlY3Qvc3JjL3NlbGVjdC12YWx1ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBVXJELE1BQU0sT0FBTyxvQkFBb0I7SUFDZixNQUFNLEdBQUcsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO3VHQUR0QyxvQkFBb0I7MkZBQXBCLG9CQUFvQiwwR0NYakMsb0JBQ0E7OzJGRFVhLG9CQUFvQjtrQkFSaEMsU0FBUzsrQkFDRSxnQkFBZ0IsWUFDaEIsa0JBQWtCLGlCQUViLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekMsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGluamVjdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNlbGVjdERpcmVjdGl2ZSB9IGZyb20gJy4vc2VsZWN0LmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBleHBvcnRBczogJ2xhdFNlbGVjdFZhbHVlJyxcbiAgc2VsZWN0b3I6ICdsYXQtc2VsZWN0LXZhbHVlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC12YWx1ZS5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7fSxcbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0VmFsdWVDb21wb25lbnQge1xuICBwdWJsaWMgcmVhZG9ubHkgc2VsZWN0ID0gaW5qZWN0KFNlbGVjdERpcmVjdGl2ZSk7XG59XG4iLCI8bmctY29udGVudCAvPlxyXG4iXX0=
|