@ship-ui/core 0.13.15 → 0.13.17

package/index.d.ts

@@ -428,11 +428,13 @@ declare class ShipRangeSliderComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipRangeSliderComponent, "sh-range-slider", never, { "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["label", "input[type=range]"], true, never>;
 }
 
+type ValidateFreeText = (value: string) => boolean;
 declare class ShipSelectComponent {
     #private;
     value: _angular_core.InputSignal<string | undefined>;
     label: _angular_core.InputSignal<string | undefined>;
     asFreeText: _angular_core.InputSignal<boolean>;
+    validateFreeText: _angular_core.InputSignal<ValidateFreeText | undefined>;
     placeholder: _angular_core.InputSignal<string | undefined>;
     readonly: _angular_core.ModelSignal<boolean>;
     disabled: _angular_core.ModelSignal<boolean>;
@@ -444,11 +446,13 @@ declare class ShipSelectComponent {
     optionTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
     selectedOptionTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
     placeholderTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
+    freeTextOptionTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
     isOpen: _angular_core.ModelSignal<boolean>;
     isLoading: _angular_core.ModelSignal<boolean>;
     options: _angular_core.ModelSignal<unknown[]>;
     selectedOptions: _angular_core.ModelSignal<unknown[]>;
     cleared: _angular_core.OutputEmitterRef<void>;
+    computedFreeTextOption: _angular_core.Signal<string | Record<string, any>>;
     inlineTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
     optionsWrapRef: _angular_core.Signal<ElementRef<HTMLDivElement>>;
     inputRefInput: _angular_core.WritableSignal<ElementRef<HTMLInputElement> | null>;
@@ -476,6 +480,7 @@ declare class ShipSelectComponent {
     setInitInput(): void;
     setSelectedOptionsFromValue(value: string): void;
     setInputValueFromOptions(options: unknown[]): void;
+    getValue(option: unknown): unknown;
     getLabel(option: unknown): unknown;
     getLabelAsSlug(option: unknown): string;
     toggleOptionByIndex(optionIndex: number, event?: MouseEvent): void;
@@ -487,7 +492,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; }; "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; }; "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"; }, ["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; }; "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"; }, ["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.15",
+  "version": "0.13.17",
   "peerDependencies": {
     "@angular/common": ">=19",
     "@angular/core": ">=19"

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

@@ -20,6 +20,10 @@ $shipDialog: true !default;
     margin: auto;
     z-index: 0;
 
+    &:focus-visible {
+      outline: none;
+    }
+
     &.type-b {
       --dialog-s: #{p2r(26)};
       --dialog-inner-s: #{p2r(20)};
@@ -82,12 +86,34 @@ $shipDialog: true !default;
     }
 
     [header] {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
+      display: grid;
+      grid-template-areas:
+        'title actions'
+        'description actions';
+      grid-template-columns: 1fr min-content;
       padding: var(--dialog-p);
       gap: var(--dialog-g);
 
+      h1,
+      h2,
+      h3,
+      h4,
+      [title] {
+        grid-area: title;
+        font: var(--title-20);
+      }
+
+      p,
+      [description] {
+        grid-area: description;
+        font: var(--paragraph-30);
+      }
+
+      button,
+      [actions] {
+        grid-area: actions;
+      }
+
       &.sticky {
         background-color: var(--dialog-bg);
         border-bottom: 1px solid var(--base-4);