@siemens/ix 1.5.0-beta.1 → 1.5.0-beta.2

package/dist/types/components.d.ts

@@ -299,10 +299,10 @@ export namespace Components {
          */
         "format": string;
         /**
-          * Picker date. If the picker is in range mode this property is the start date.  Format is based on `format`
+          * Picker date. If the picker is in range mode this property is the start date. If set to `null` no default start date will be pre-selected.  Format is based on `format`
           * @since 1.1.0
          */
-        "from": string;
+        "from": string | null;
         /**
           * Get the current DateTime
          */
@@ -1216,6 +1216,17 @@ export namespace Components {
           * Select is extendable
          */
         "editable": boolean;
+        /**
+          * Hide list header
+          * @since 1.5.0
+          * @
+         */
+        "hideListHeader": boolean;
+        /**
+          * Hint inside of dropdown if no items where found with current filter text
+          * @since 1.5.0
+         */
+        "i18nNoMatches": string;
         /**
           * Input field placeholder
          */
@@ -1237,7 +1248,7 @@ export namespace Components {
          */
         "readonly": boolean;
         /**
-          * Indices of selected items
+          * Indices of selected items This corresponds to the value property of ix-select-items and therefor not neccessarily the indices of the items in the list.
          */
         "selectedIndices": string | string[];
     }
@@ -1514,6 +1525,11 @@ export namespace Components {
           * Define if the user can access the tooltip via mouse.
          */
         "interactive": boolean;
+        /**
+          * Initial placement of the tooltip. If the placement don"t have enough space, the tooltip will placed on another location.
+          * @since 1.5.0
+         */
+        "placement": 'top' | 'right' | 'bottom' | 'left';
         /**
           * Title of the tooltip
          */
@@ -1635,8 +1651,9 @@ export namespace Components {
         "disabled": boolean;
         /**
           * Activate navigation click
+          * @deprecated Will be changed to '@internal' in 2.0.0
          */
-        "position": 'first' | 'last' | 'undefined';
+        "position": 'first' | 'last' | 'single' | 'undefined';
         /**
           * Set selected
          */
@@ -1657,6 +1674,7 @@ export namespace Components {
         "clickable": boolean;
         /**
           * Select linear mode
+          * @deprecated Has no effect on component. Will get removed in 2.0.0
          */
         "linear": boolean;
         /**
@@ -1815,6 +1833,10 @@ export interface IxUploadCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxUploadElement;
 }
+export interface IxWorkflowStepCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIxWorkflowStepElement;
+}
 export interface IxWorkflowStepsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIxWorkflowStepsElement;
@@ -2638,10 +2660,10 @@ declare namespace LocalJSX {
          */
         "format"?: string;
         /**
-          * Picker date. If the picker is in range mode this property is the start date.  Format is based on `format`
+          * Picker date. If the picker is in range mode this property is the start date. If set to `null` no default start date will be pre-selected.  Format is based on `format`
           * @since 1.1.0
          */
-        "from"?: string;
+        "from"?: string | null;
         /**
           * @deprecated Will be removed in 2.0.0
          */
@@ -2657,7 +2679,7 @@ declare namespace LocalJSX {
          */
         "minDate"?: string;
         /**
-          * Date change event  If datepicker is in range mode the event detail will be sperated with a `-` e.g. `2022/10/22 - 2022/10/24` (start and end). If range mode is choosen consider to use `dateRangeChange`.
+          * Date change event  If datepicker is in range mode the event detail will be sperated with a `-` e.g. `2022/10/22 - 2022/10/24` (start and end). If range mode is chosen consider to use `dateRangeChange`.
           * @deprecated String output will be removed. Set ´doneEventDelimiter´ to undefined or null to get date change object instead of a string
          */
         "onDateChange"?: (event: IxDatePickerCustomEvent<LegacyDateChangeEvent>) => void;
@@ -3620,6 +3642,17 @@ declare namespace LocalJSX {
           * Select is extendable
          */
         "editable"?: boolean;
+        /**
+          * Hide list header
+          * @since 1.5.0
+          * @
+         */
+        "hideListHeader"?: boolean;
+        /**
+          * Hint inside of dropdown if no items where found with current filter text
+          * @since 1.5.0
+         */
+        "i18nNoMatches"?: string;
         /**
           * Input field placeholder
          */
@@ -3649,7 +3682,7 @@ declare namespace LocalJSX {
          */
         "readonly"?: boolean;
         /**
-          * Indices of selected items
+          * Indices of selected items This corresponds to the value property of ix-select-items and therefor not neccessarily the indices of the items in the list.
          */
         "selectedIndices"?: string | string[];
     }
@@ -3940,6 +3973,11 @@ declare namespace LocalJSX {
           * Define if the user can access the tooltip via mouse.
          */
         "interactive"?: boolean;
+        /**
+          * Initial placement of the tooltip. If the placement don"t have enough space, the tooltip will placed on another location.
+          * @since 1.5.0
+         */
+        "placement"?: 'top' | 'right' | 'bottom' | 'left';
         /**
           * Title of the tooltip
          */
@@ -4086,8 +4124,9 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         /**
           * Activate navigation click
+          * @deprecated Will be changed to '@internal' in 2.0.0
          */
-        "position"?: 'first' | 'last' | 'undefined';
+        "position"?: 'first' | 'last' | 'single' | 'undefined';
         /**
           * Set selected
          */
@@ -4108,6 +4147,7 @@ declare namespace LocalJSX {
         "clickable"?: boolean;
         /**
           * Select linear mode
+          * @deprecated Has no effect on component. Will get removed in 2.0.0
          */
         "linear"?: boolean;
         /**

package/dist/types/tests/utils/test/page.d.ts

@@ -1,3 +1,8 @@
+import { ElementHandle } from '@playwright/test';
 export declare const regressionTest: import("@playwright/test").TestType<import("@playwright/test").PlaywrightTestArgs & import("@playwright/test").PlaywrightTestOptions & {
   [key: string]: any;
 }, import("@playwright/test").PlaywrightWorkerArgs & import("@playwright/test").PlaywrightWorkerOptions>;
+export declare const test: import("@playwright/test").TestType<import("@playwright/test").PlaywrightTestArgs & import("@playwright/test").PlaywrightTestOptions & {
+  mount: (selector: string) => Promise<ElementHandle<HTMLElement>>;
+  createElement: (selector: string, appendTo?: ElementHandle<Element>) => Promise<ElementHandle<HTMLElement>>;
+}, import("@playwright/test").PlaywrightWorkerArgs & import("@playwright/test").PlaywrightWorkerOptions>;

package/loader/index.d.ts

@@ -11,7 +11,7 @@ export interface CustomElementsDefineOptions {
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 export declare function applyPolyfills(): Promise<void>;
 
-/** 
+/**
  * Used to specify a nonce value that corresponds with an application's CSP.
  * When set, the nonce will be added to all dynamically created script and style tags at runtime.
  * Alternatively, the nonce value can be set on a meta tag in the DOM head

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/siemens/ix",
     "directory": "packages/core"
   },
-  "version": "1.5.0-beta.1",
+  "version": "1.5.0-beta.2",
   "license": "MIT",
   "description": "Siemens iX Web Components",
   "main": "dist/index.cjs.js",
@@ -36,21 +36,21 @@
     "test:coverage": "stencil test --spec --coverage",
     "test:e2e": "playwright test --reporter html",
     "test:e2e:list": "playwright test --reporter list",
-    "playwright.docker": "docker run --rm --network host -v $(pwd):/work/ -w /work/packages/core -it mcr.microsoft.com/playwright:v1.24.0-focal /bin/bash",
-    "host-root": "http-server ./ -a 127.0.0.1 -p 8080",
+    "playwright.docker": "docker run --rm --network host -v $(pwd):/work/ -w /work/packages/core -it mcr.microsoft.com/playwright:v1.32.1-focal /bin/bash",
+    "host-root": "http-server ./ -a 127.0.0.1 -p 8080 -c-1",
     "generate": "stencil generate",
     "generate:theme": "ts-node -P ./scripts/generate-theme/tsconfig.json ./scripts/generate-theme/generate-theme"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.1.0",
-    "@stencil/core": "^3.1.0",
+    "@stencil/core": "^3.2.1",
     "animejs": "~3.2.1",
     "hyperlist": "^1.0.0",
     "luxon": "^3.0.1",
     "@types/luxon": "^3.0.0"
   },
   "devDependencies": {
-    "@playwright/test": "^1.24.1",
+    "@playwright/test": "^1.32.1",
     "@siemens/ix-icons": "~1.0.0",
     "@stencil/vue-output-target": "^0.7.0",
     "@stencil-community/eslint-plugin": "^0.5.0",

package/scss/components/_forms.scss

@@ -37,6 +37,7 @@
   @include hover {
     background-color: var(--theme-input--background--hover);
     border-color: var(--theme-input--border-color--hover);
+    cursor: auto;
   }
 
   @include focus-visible {
@@ -78,6 +79,11 @@
   box-shadow: none !important;
   outline: none !important;
   border-color: var(--theme-input--border-color);
+  cursor: default !important;
+
+  &::placeholder {
+    color: transparent;
+  }
 }
 
 .form-control:disabled,