@sumaris-net/ngx-components 21.4.3 → 21.4.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "21.4.3",
+  "version": "21.4.5",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/src/assets/i18n/en-US.json

@@ -836,5 +836,26 @@
     "TAB_IONIC": "Ionic",
     "TAB_MATERIAL": "Material",
     "SEARCH_PLACEHOLDER": "Search an icon…"
+  },
+  "TESTING_PAGE": {
+    "TITLE": "Tests",
+    "SEARCH_PLACEHOLDER": "Search...",
+    "BTN_CLEAR_SEARCH": "Clear search",
+    "BTN_SHOW_SEARCH": "Search",
+    "BTN_HIDE_SEARCH": "Hide search"
+  },
+  "MARKDOWN": {
+    "TOOLBAR": {
+      "BOLD": "Bold (**text**)",
+      "UNDERLINE": "Underline (<u>text</u>)",
+      "STRIKETHROUGH": "Strikethrough (~~text~~)",
+      "HIGHLIGHT": "Highlight (==text==)",
+      "HEADING1": "Title 1",
+      "HEADING2": "Title 2",
+      "BULLET_LIST": "Bullet list (- item)",
+      "LINK": "Insert link [text](url)",
+      "ATTACHMENT": "Attach a file",
+      "PREVIEW": "Show/hide markdown preview"
+    }
   }
 }

package/src/assets/i18n/en.json

@@ -587,7 +587,6 @@
       "SUBJECT": "Object",
       "BODY_HELP": "Your message...",
       "ATTACHMENTS": {
-        "BTN_ADD": "Add an attachment",
         "BTN_REMOVE": "Remove the attachment",
         "UPLOADING_ERROR": "Please wait for the uploads to finish, or remove the files in error."
       },
@@ -845,5 +844,26 @@
     "TAB_IONIC": "Ionic",
     "TAB_MATERIAL": "Material",
     "SEARCH_PLACEHOLDER": "Search an icon..."
+  },
+  "TESTING_PAGE": {
+    "TITLE": "Tests",
+    "SEARCH_PLACEHOLDER": "Search...",
+    "BTN_CLEAR_SEARCH": "Clear search",
+    "BTN_SHOW_SEARCH": "Search",
+    "BTN_HIDE_SEARCH": "Hide search"
+  },
+  "MARKDOWN": {
+    "TOOLBAR": {
+      "BOLD": "Bold (**text**)",
+      "UNDERLINE": "Underline (<u>text</u>)",
+      "STRIKETHROUGH": "Strikethrough (~~text~~)",
+      "HIGHLIGHT": "Highlight (==text==)",
+      "HEADING1": "Title 1",
+      "HEADING2": "Title 2",
+      "BULLET_LIST": "Bullet list (- item)",
+      "LINK": "Insert link [text](url)",
+      "ATTACHMENT": "Attach a file",
+      "PREVIEW": "Show/hide markdown preview"
+    }
   }
 }

package/src/assets/i18n/fr.json

@@ -590,7 +590,6 @@
       "SUBJECT": "Objet",
       "BODY_HELP": "Votre message...",
       "ATTACHMENTS": {
-        "BTN_ADD": "Ajouter une pièce jointe",
         "BTN_REMOVE": "Retirer la pièce jointe",
         "UPLOADING_ERROR": "Veuillez attendre la fin des envois, ou supprimer les fichiers en erreur."
       },
@@ -848,5 +847,26 @@
     "TAB_IONIC": "Ionic",
     "TAB_MATERIAL": "Material",
     "SEARCH_PLACEHOLDER": "Rechercher une icône..."
+  },
+  "TESTING_PAGE": {
+    "TITLE": "Tests",
+    "SEARCH_PLACEHOLDER": "Rechercher...",
+    "BTN_CLEAR_SEARCH": "Effacer la recherche",
+    "BTN_SHOW_SEARCH": "Rechercher",
+    "BTN_HIDE_SEARCH": "Masquer la recherche"
+  },
+  "MARKDOWN": {
+    "TOOLBAR": {
+      "BOLD": "Gras (**texte**)",
+      "UNDERLINE": "Souligné (<u>texte</u>)",
+      "STRIKETHROUGH": "Barré (~~texte~~)",
+      "HIGHLIGHT": "Surligné (==texte==)",
+      "HEADING1": "Titre 1",
+      "HEADING2": "Titre 2",
+      "BULLET_LIST": "Liste à puces (- élément)",
+      "LINK": "Insérer un lien [texte](url)",
+      "ATTACHMENT": "Joindre un fichier",
+      "PREVIEW": "Afficher/masquer l'aperçu markdown"
+    }
   }
 }

package/src/assets/manifest.json

@@ -2,7 +2,7 @@
   "name": "ngx-sumaris-components",
   "short_name": "ngx-sumaris-components",
   "manifest_version": 1,
-  "version": "21.4.3",
+  "version": "21.4.5",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{

package/src/theme/_material.scss

@@ -167,6 +167,13 @@
   padding-left: var(--padding-start, 16px) !important;
 }
 
+// Option panels are rendered inline (Material popover), so they inherit the padding vars
+// from their ancestors (e.g. 0 from an `ion-no-padding` grid): reset them on the option.
+.mat-mdc-option:not(.ion-no-padding):not([no-padding]) {
+  --padding-start: 16px;
+  --padding-end: 16px;
+}
+
 .mat-action-row {
   height: 46px;
   padding-top: var(--padding-top, 16px) !important;

package/types/sumaris-net-ngx-components-testing.d.ts

@@ -71,6 +71,8 @@ declare const MaterialSelectors: {
     tabGroup: string;
     /** Material tab label */
     tabLabel: string;
+    /** Material tab link (tab nav bar) */
+    tabLink: string;
     /** Material paginator */
     paginator: string;
     /** Material paginator range label (e.g. '1 - 20 of 42') */
@@ -83,6 +85,12 @@ declare const MaterialSelectors: {
     autocompletePanel: string;
     /** Material autocomplete option */
     autocompleteOption: string;
+    /** Material autocomplete trigger (input) */
+    autocompleteTrigger: string;
+    /** Material select panel */
+    selectPanel: string;
+    /** Material select trigger */
+    selectTrigger: string;
 };
 /**
  * Helper functions for interacting with Angular Material components.
@@ -237,6 +245,57 @@ declare class AuthHelper {
     }): Promise<void>;
 }
 
+interface OptionPadding {
+    left: string;
+    right: string;
+}
+/** What to expect from options. An application that changes their padding must set the value it expects. */
+interface OptionPaddingOptions {
+    /** Expected padding of options, unless marked as "no padding" */
+    padding?: OptionPadding;
+    /** Selector of options without padding, managing their own inset (e.g. autocomplete columns, through the `ion-col` padding) */
+    noPaddingSelector?: string;
+}
+interface OptionPaddingReport {
+    fieldCount: number;
+    optionCount: number;
+    violations: string[];
+}
+/**
+ * Check the padding of `mat-option`, on any page.
+ *
+ * Nothing here depends on a given field: tabs, fields and options are discovered from the DOM,
+ * using the CSS classes set by Angular Material. Test cases can be added to (or removed from)
+ * a page without changing the tests.
+ */
+declare class OptionPaddingHelper {
+    private page;
+    private readonly options;
+    constructor(page: Page, options?: OptionPaddingOptions);
+    /** Wait for the page to display at least one field */
+    waitForFields(timeout?: number): Promise<void>;
+    /** Open the panel of every field of every tab of the current page, and check all of its options */
+    checkAllFields(): Promise<OptionPaddingReport>;
+    /**
+     * Check the option padding without any field, using fake options added to the page. Their parent is a panel
+     * inheriting from `ion-no-padding`, like an inline panel inside a form grid. This catches a global rule leaking
+     * from any component loaded by the page (e.g. `::ng-deep .mat-mdc-option`), or padding vars inherited from a parent.
+     */
+    checkProbes(): Promise<string[]>;
+    protected checkFieldsOfCurrentView(tabName: string, report: OptionPaddingReport): Promise<void>;
+    protected checkPadding(where: string, left: string, right: string, noPadding: boolean): string | null;
+    protected getFieldName(trigger: Locator): Promise<string>;
+    /** Open the field's panel. Dispatch the event, because some triggers ignore the pointer until focused (e.g. lat/long sign) */
+    protected openPanel(trigger: Locator): Promise<Locator | null>;
+    protected closePanel(panel: Locator): Promise<void>;
+    protected readOptions(panel: Locator): Promise<{
+        text: string;
+        noPadding: boolean;
+        left: string;
+        right: string;
+    }[]>;
+}
+
 /**
  * Search environments based on provided criteria.
  *
@@ -313,5 +372,5 @@ interface LoginEnv {
     password: string;
 }
 
-export { AuthHelper, IonicHelper, IonicSelectors, MaterialHelper, MaterialSelectors, STARTUP_DATA_STORAGE_KEY, UiHelper, testWithEnv, withEnvs };
-export type { EnvFilter, LoginEnv };
+export { AuthHelper, IonicHelper, IonicSelectors, MaterialHelper, MaterialSelectors, OptionPaddingHelper, STARTUP_DATA_STORAGE_KEY, UiHelper, testWithEnv, withEnvs };
+export type { EnvFilter, LoginEnv, OptionPadding, OptionPaddingOptions, OptionPaddingReport };