@nanahoshi/mona-ui 0.1.0 → 0.1.1

package/fesm2022/nanahoshi-mona-ui-dropdowns.mjs

@@ -68,11 +68,11 @@ class DropdownFilterableDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropdownFilterableDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `
-        mona-auto-complete[monaDropDownFilterable],
-        mona-dropdown-list[monaDropDownFilterable],
-        mona-combo-box[monaDropDownFilterable],
-        mona-multi-select[monaDropDownFilterable]
+                    selector: `
+        mona-auto-complete[monaDropDownFilterable],
+        mona-dropdown-list[monaDropDownFilterable],
+        mona-combo-box[monaDropDownFilterable],
+        mona-multi-select[monaDropDownFilterable]
     `
                 }]
         }], ctorParameters: () => [], propDecorators: { filter: [{ type: i0.Input, args: [{ isSignal: true, alias: "filter", required: false }] }], filterChange: [{ type: i0.Output, args: ["filterChange"] }], filterPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterPlaceholder", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "monaDropDownFilterable", required: false }] }] } });
@@ -84,13 +84,13 @@ class DropdownFooterTemplateDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropdownFooterTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `
-        ng-template[monaDropDownFooterTemplate],
-        ng-template[monaAutoCompleteFooterTemplate],
-        ng-template[monaDropDownListFooterTemplate],
-        ng-template[monaDropDownTreeFooterTemplate],
-        ng-template[monaComboBoxFooterTemplate],
-        ng-template[monaMultiSelectFooterTemplate]
+                    selector: `
+        ng-template[monaDropDownFooterTemplate],
+        ng-template[monaAutoCompleteFooterTemplate],
+        ng-template[monaDropDownListFooterTemplate],
+        ng-template[monaDropDownTreeFooterTemplate],
+        ng-template[monaComboBoxFooterTemplate],
+        ng-template[monaMultiSelectFooterTemplate]
     `,
                     standalone: true
                 }]
@@ -103,12 +103,12 @@ class DropdownGroupHeaderTemplateDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropdownGroupHeaderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `
-        ng-template[monaDropDownGroupHeaderTemplate],
-        ng-template[monaAutoCompleteGroupHeaderTemplate],
-        ng-template[monaDropDownListGroupHeaderTemplate],
-        ng-template[monaComboBoxGroupHeaderTemplate],
-        ng-template[monaMultiSelectGroupHeaderTemplate]
+                    selector: `
+        ng-template[monaDropDownGroupHeaderTemplate],
+        ng-template[monaAutoCompleteGroupHeaderTemplate],
+        ng-template[monaDropDownListGroupHeaderTemplate],
+        ng-template[monaComboBoxGroupHeaderTemplate],
+        ng-template[monaMultiSelectGroupHeaderTemplate]
   `,
                     standalone: true
                 }]
@@ -152,11 +152,11 @@ class DropdownGroupableDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropdownGroupableDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `
-        mona-auto-complete[monaDropDownGroupable],
-        mona-combo-box[monaDropDownGroupable],
-        mona-dropdown-list[monaDropDownGroupable],
-        mona-multi-select[monaDropDownGroupable],
+                    selector: `
+        mona-auto-complete[monaDropDownGroupable],
+        mona-combo-box[monaDropDownGroupable],
+        mona-dropdown-list[monaDropDownGroupable],
+        mona-multi-select[monaDropDownGroupable],
     `
                 }]
         }], ctorParameters: () => [], propDecorators: { groupBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupBy", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "monaDropDownGroupable", required: false }] }] } });
@@ -168,13 +168,13 @@ class DropdownHeaderTemplateDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropdownHeaderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `
-        ng-template[monaDropDownHeaderTemplate],
-        ng-template[monaAutoCompleteHeaderTemplate],
-        ng-template[monaDropDownListHeaderTemplate],
-        ng-template[monaDropDownTreeHeaderTemplate],
-        ng-template[monaComboBoxHeaderTemplate],
-        ng-template[monaMultiSelectHeaderTemplate]
+                    selector: `
+        ng-template[monaDropDownHeaderTemplate],
+        ng-template[monaAutoCompleteHeaderTemplate],
+        ng-template[monaDropDownListHeaderTemplate],
+        ng-template[monaDropDownTreeHeaderTemplate],
+        ng-template[monaComboBoxHeaderTemplate],
+        ng-template[monaMultiSelectHeaderTemplate]
   `,
                     standalone: true
                 }]
@@ -187,12 +187,12 @@ class DropdownItemTemplateDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropdownItemTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `
-        ng-template[monaDropDownItemTemplate],
-        ng-template[monaAutoCompleteItemTemplate],
-        ng-template[monaDropDownListItemTemplate],
-        ng-template[monaComboBoxItemTemplate],
-        ng-template[monaMultiSelectItemTemplate]
+                    selector: `
+        ng-template[monaDropDownItemTemplate],
+        ng-template[monaAutoCompleteItemTemplate],
+        ng-template[monaDropDownListItemTemplate],
+        ng-template[monaComboBoxItemTemplate],
+        ng-template[monaMultiSelectItemTemplate]
     `,
                     standalone: true
                 }]
@@ -205,13 +205,13 @@ class DropdownNoDataTemplateDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropdownNoDataTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `
-        ng-template[monaDropDownNoDataTemplate],
-        ng-template[monaAutoCompleteNoDataTemplate],
-        ng-template[monaDropDownListNoDataTemplate],
-        ng-template[monaDropDownTreeNoDataTemplate],
-        ng-template[monaComboBoxNoDataTemplate],
-        ng-template[monaMultiSelectNoDataTemplate]
+                    selector: `
+        ng-template[monaDropDownNoDataTemplate],
+        ng-template[monaAutoCompleteNoDataTemplate],
+        ng-template[monaDropDownListNoDataTemplate],
+        ng-template[monaDropDownTreeNoDataTemplate],
+        ng-template[monaComboBoxNoDataTemplate],
+        ng-template[monaMultiSelectNoDataTemplate]
     `,
                     standalone: true
                 }]
@@ -249,11 +249,11 @@ class DropdownVirtualScrollDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: DropdownVirtualScrollDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `
-        mona-auto-complete[monaDropDownVirtualScroll],
-        mona-dropdown-list[monaDropDownVirtualScroll],
-        mona-combo-box[monaDropDownVirtualScroll],
-        mona-multi-select[monaDropDownVirtualScroll]
+                    selector: `
+        mona-auto-complete[monaDropDownVirtualScroll],
+        mona-dropdown-list[monaDropDownVirtualScroll],
+        mona-combo-box[monaDropDownVirtualScroll],
+        mona-multi-select[monaDropDownVirtualScroll]
     `,
                     standalone: true
                 }]
@@ -659,10 +659,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
                 }]
         }] });
 
-const dropdownPopupVariants = cva(`
-        bg-background shadow-md
-        border border-input-border
-        h-full max-h-64 overflow-auto
+const dropdownPopupVariants = cva(`
+        bg-background shadow-md text-foreground
+        border border-input-border
+        h-full max-h-64 overflow-auto
     `, {
     variants: {
         rounded: {