@ship-ui/core 0.13.18 → 0.13.19

package/index.d.ts

@@ -434,6 +434,9 @@ declare class ShipSelectComponent {
     value: _angular_core.InputSignal<string | undefined>;
     label: _angular_core.InputSignal<string | undefined>;
     asFreeText: _angular_core.InputSignal<boolean>;
+    optionTitle: _angular_core.InputSignal<string | null>;
+    freeTextTitle: _angular_core.InputSignal<string | null>;
+    freeTextPlaceholder: _angular_core.InputSignal<string | null>;
     validateFreeText: _angular_core.InputSignal<ValidateFreeText | undefined>;
     placeholder: _angular_core.InputSignal<string | undefined>;
     readonly: _angular_core.ModelSignal<boolean>;
@@ -493,7 +496,7 @@ declare class ShipSelectComponent {
     updateInputElValue(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipSelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipSelectComponent, "sh-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "asFreeText": { "alias": "asFreeText"; "required": false; "isSignal": true; }; "validateFreeText": { "alias": "validateFreeText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "lazySearch": { "alias": "lazySearch"; "required": false; "isSignal": true; }; "inlineSearch": { "alias": "inlineSearch"; "required": false; "isSignal": true; }; "asText": { "alias": "asText"; "required": false; "isSignal": true; }; "isClearable": { "alias": "isClearable"; "required": false; "isSignal": true; }; "selectMultiple": { "alias": "selectMultiple"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "selectedOptionTemplate": { "alias": "selectedOptionTemplate"; "required": false; "isSignal": true; }; "placeholderTemplate": { "alias": "placeholderTemplate"; "required": false; "isSignal": true; }; "freeTextOptionTemplate": { "alias": "freeTextOptionTemplate"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "selectedOptions": { "alias": "selectedOptions"; "required": false; "isSignal": true; }; }, { "readonly": "readonlyChange"; "disabled": "disabledChange"; "isOpen": "isOpenChange"; "isLoading": "isLoadingChange"; "options": "optionsChange"; "selectedOptions": "selectedOptionsChange"; "cleared": "cleared"; "onAddNewFreeTextOption": "onAddNewFreeTextOption"; }, ["inlineTemplate"], ["label", "[prefix]", "[boxPrefix]", "input", "textarea"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipSelectComponent, "sh-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "asFreeText": { "alias": "asFreeText"; "required": false; "isSignal": true; }; "optionTitle": { "alias": "optionTitle"; "required": false; "isSignal": true; }; "freeTextTitle": { "alias": "freeTextTitle"; "required": false; "isSignal": true; }; "freeTextPlaceholder": { "alias": "freeTextPlaceholder"; "required": false; "isSignal": true; }; "validateFreeText": { "alias": "validateFreeText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "lazySearch": { "alias": "lazySearch"; "required": false; "isSignal": true; }; "inlineSearch": { "alias": "inlineSearch"; "required": false; "isSignal": true; }; "asText": { "alias": "asText"; "required": false; "isSignal": true; }; "isClearable": { "alias": "isClearable"; "required": false; "isSignal": true; }; "selectMultiple": { "alias": "selectMultiple"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "selectedOptionTemplate": { "alias": "selectedOptionTemplate"; "required": false; "isSignal": true; }; "placeholderTemplate": { "alias": "placeholderTemplate"; "required": false; "isSignal": true; }; "freeTextOptionTemplate": { "alias": "freeTextOptionTemplate"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "selectedOptions": { "alias": "selectedOptions"; "required": false; "isSignal": true; }; }, { "readonly": "readonlyChange"; "disabled": "disabledChange"; "isOpen": "isOpenChange"; "isLoading": "isLoadingChange"; "options": "optionsChange"; "selectedOptions": "selectedOptionsChange"; "cleared": "cleared"; "onAddNewFreeTextOption": "onAddNewFreeTextOption"; }, ["inlineTemplate"], ["label", "[prefix]", "[boxPrefix]", "input", "textarea"], true, never>;
 }
 
 type ShipSidenavType = 'overlay' | 'simple' | '';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ship-ui/core",
   "license": "MIT",
-  "version": "0.13.18",
+  "version": "0.13.19",
   "peerDependencies": {
     "@angular/common": ">=19",
     "@angular/core": ">=19"

package/styles/components/ship-menu.component.scss

@@ -119,6 +119,7 @@ $shipMenu: true !default;
       max-height: var(--menu-mh);
       overflow: auto;
 
+      sh-menu:first-child,
       button:first-child {
         margin-top: p2r(8);
       }

package/styles/components/ship-popover.component.scss

@@ -46,6 +46,7 @@ $shipPopover: true !default;
       border-radius: var(--shape-2);
       font: var(--paragraph-30);
       color: var(--base-8);
+      padding: 0;
 
       @supports (anchor-name: --anchor) {
         inset: unset;

package/styles/components/ship-select.component.scss

@@ -89,6 +89,14 @@ $shipSelect: false !default;
     overflow-y: auto;
     overflow-x: hidden;
 
+    p[title] {
+      padding: p2r(4 16);
+    }
+
+    sh-divider {
+      margin: p2r(8 0);
+    }
+
     .option {
       display: flex;
       justify-content: flex-start;
@@ -119,6 +127,10 @@ $shipSelect: false !default;
         font-size: p2r(16);
       }
 
+      span.placeholder {
+        color: var(--base-7);
+      }
+
       &.active,
       &:checked,
       &:hover {