GitHub repository: LuccaSA/lucca-front

Issues:
issue_2600: state: open
title: docs: markdown integration tentative
body: ## Description

This PR adds the `docs/dialog.md` file to see how we can integrate markdown files from github to zeroheight for better technical documentation.

The next step for the integration test will be to follow these steps: https://zeroheight.com/help/article/sync-markdown-files-from-github/

-----
-----

user: Supamiu
labels: :hammer: Technical: Doesn't affect the output (refactor, dependencies update, cleaning, etc.)
:book: Documentation changes: Requires a Prisme update
issue_2599: state: open
title: [Modal / Dialog] Footer position on loading on Safari
body: Footer has position issue during modal/dialog loading on Safari

https://github.com/LuccaSA/lucca-front/assets/25581936/ac43ef0f-c0ef-45ec-9433-8ee2ba267125


user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2595: state: open
title: Css var for content icon
body: ## Description

Css var for content icon.

-----


-----
![Capture d’écran 2024-02-27 à 17 40 33](https://github.com/LuccaSA/lucca-front/assets/64789527/c47b6437-4b16-4de4-993e-ec0eda65a7ee)
![Capture d’écran 2024-02-27 à 16 30 18](https://github.com/LuccaSA/lucca-front/assets/64789527/735c29c4-7e78-4d29-9c84-c8808bae0610)


![Capture d’écran 2024-02-27 à 16 30 46](https://github.com/LuccaSA/lucca-front/assets/64789527/0a9d00ab-0d17-4048-acdf-2fff77298981)
![Capture d’écran 2024-02-27 à 16 31 44](https://github.com/LuccaSA/lucca-front/assets/64789527/27cdaf22-4f9d-4a25-a787-fbd604b0d43b)

user: vvalentin-lucca
labels: :bookmark::sparkles: Feature: New feature (even a very small one)
issue_2591: state: open
title: [Secondary nav] Alignement issue
body: Secondary navigation children have horizontal alignement issue : 

![image-14](https://github.com/LuccaSA/lucca-front/assets/25581936/42a0366a-2dde-45ba-9448-5ec80a2d6f1a)


user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
🔰 Good first issue: Simple task to deal with if you are a new contributer
issue_2590: state: open
title: Component.index.table
body: ## Description

**WIP new component indexTable with mods**

**Basic**
![image](https://github.com/LuccaSA/lucca-front/assets/65592565/41ad8598-694a-47e0-acbb-b5e2356afc34)

**Selectable**
![image](https://github.com/LuccaSA/lucca-front/assets/65592565/ceac1028-a3c6-401f-84ac-cf24478642eb)

**Nested selectable**
![image](https://github.com/LuccaSA/lucca-front/assets/65592565/dc5358ab-6bea-4cf6-a5ce-e5704fb09db8)

**Stackable**
![image](https://github.com/LuccaSA/lucca-front/assets/65592565/bd066b52-0244-4d29-a7ef-502c214ef51e)

**Pagination**
![image](https://github.com/LuccaSA/lucca-front/assets/65592565/f9cc240f-5904-434d-8b13-652e1e88bd81)

**Sticky Header**
![image](https://github.com/LuccaSA/lucca-front/assets/65592565/2e1762a5-c33a-4eb0-bc2c-f0c3f5583bc9)


-----

user: BertrandPodevin
labels: :bookmark::sparkles: Feature: New feature (even a very small one)
:book: Documentation changes: Requires a Prisme update
issue_2587: state: open
title: Remove rgba colors – Add transparentize function
body: ## Description

- [x] Replace `grey` by `neutral` in a few places.
- [x] Depreciates rgb colors.
- [x] Introduces a `transparentize` function that works with `color-mix`. 
- [x] Replaces all calls to rgb colors with the function `transparentize`.

-----



-----

![Capture d’écran 2024-02-26 à 10 51 04](https://github.com/LuccaSA/lucca-front/assets/64789527/ad47f63c-4119-4b1f-ab44-6370616959b8)

![Capture d’écran 2024-02-26 à 10 51 45](https://github.com/LuccaSA/lucca-front/assets/64789527/6e6e6e48-c6fe-4627-809c-2fa1f2a80e10)


user: vvalentin-lucca
labels: :bookmark::sparkles: Feature: New feature (even a very small one)
:book: Documentation changes: Requires a Prisme update
issue_2584: state: open
title: Remove utils: comma and units
body: ## Description

These utilities are under-used and depreciated.

-----



-----

user: vvalentin-lucca
labels: 💥 Breaking change: Requires actions on products side (even a very small one)
:bookmark::sparkles: Feature: New feature (even a very small one)
:book: Documentation changes: Requires a Prisme update
issue_2581: state: open
title: Tags with icon
body: ## Description



-----



-----

![Capture d’écran 2024-02-20 à 15 58 19](https://github.com/LuccaSA/lucca-front/assets/64789527/2e375997-789d-45f2-ab30-a5ca838cc3d9)


user: vvalentin-lucca
labels: :bookmark::sparkles: Feature: New feature (even a very small one)
:book: Documentation changes: Requires a Prisme update
issue_2579: state: open
title: Expand clickable zone for chips button
body: ## Description

Click zone increased from 12x12px to 24x24px.

-----


-----

Bottom line = new behavior.
![2024-02-20 14 53 31](https://github.com/LuccaSA/lucca-front/assets/64789527/bd35242a-02f5-45ad-b1dc-1e666d74f2d1)


user: vvalentin-lucca
labels: :bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2578: state: open
title: [Select Simple / Multiple] Panel position on 1st loading
body: When Select Simple & Multiple are used inside a product and panel is too long to be positioned on bottom, it seems to appear on bottom anyway on first loading, leading to position switch after 1st selection. 
![brave_9o4MpTt4YV](https://github.com/LuccaSA/lucca-front/assets/25581936/61b07ad5-1e2b-4ced-b7ee-6b08cda3184f)

user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2576: state: open
title: Move utils in commons
body: ## Description


-----

Breaking: the keyframes component is deleted

-----

user: vvalentin-lucca
labels: 💥 Breaking change: Requires actions on products side (even a very small one)
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_2565: state: open
title: Refacto menu + mod-vertical + scrollBox
body: ## Description

- [x] Deactivated `a` are now without `href`.
- [x] `mod-S` is now automatically applied to any embedded digital badges. 
- [x] Modifiers and states are now managed with CSS variables.
- [x] A `mod-vertical` has been added.
- [x] A new wrapper component (`.scrollBox`) now displays a scrollbar and shadows when necessary. 

-----


-----

![Capture d’écran 2024-02-22 à 17 27 09](https://github.com/LuccaSA/lucca-front/assets/64789527/acfb176e-bc48-413d-8a8a-1070e604dabc)

![Capture d’écran 2024-02-22 à 17 26 54](https://github.com/LuccaSA/lucca-front/assets/64789527/e4f51a96-b7d5-4226-948e-8dd5c4749d35)


user: vvalentin-lucca
labels: :bookmark::sparkles: Feature: New feature (even a very small one)
:book: Documentation changes: Requires a Prisme update
issue_2563: state: open
title: [Form] Full form example & header classes
body: ## Description

Full form example & header classes

-----

![image](https://github.com/LuccaSA/lucca-front/assets/25581936/328f8160-b51a-4e9f-a9dd-bdc3ed8b2dc6)


-----

user: jeremie-lucca
labels: :book: Documentation changes: Requires a Prisme update
issue_2558: state: open
title: Use `_addAriaLabelledBy` in Dialog's `CdkDialogContainer` call once cdk dependency is >= 17.1
body: # Context

For some reason that we couldn't identify, the `CdkDialogContainer._addAriaLabelledBy` method is only available in `@angular/cdk@17.1.0` and above while it's present in cdk's `index.d.ts` file even in `17.0.0`.
In order to properly build the library, we decided to use `_ariaLabelledByQueue.push` instead, exposing ourselves to a possible Change Detection issue, as described in https://github.com/angular/components/pull/28329.

Also, updating our dependency to `@angular/cdk` to something above the current version would be breaking for projects using `@lucca-front/ng`, which would make them have to update to Angular 17.1 or above, which is not needed except for this small risk.

## Task
Once we moved to a version of `@angular/cdk` that's >= 17.1, ths call in `packages/ng/dialog/dialog-header/dialog-header.component.ts` that's in `ngOnInit` should be changed for an `_addAriaLabelledBy` call instead.

This will probably be done once we moved to Angular 18, somewhere around May 2024.
user: Supamiu
labels: :hammer: Technical: Doesn't affect the output (refactor, dependencies update, cleaning, etc.)
🔰 Good first issue: Simple task to deal with if you are a new contributer
issue_2555: state: open
title: [Tokens] Spacings
body: ## Description

- Add new set of spacings
- Generate token variables
- Generate new utilities set 
- Provide `$importDeprecatedSpacings` variable to import (or not) deprecated spacings.

Schematics will be created later

-----

![image](https://github.com/LuccaSA/lucca-front/assets/25581936/c6cbced7-de41-4355-9a2f-b916d5dd59a1)

-----

user: jeremie-lucca
labels: :bookmark::sparkles: Feature: New feature (even a very small one)
:book: Documentation changes: Requires a Prisme update
issue_2554: state: open
title: [Department select] All selected & Archived
body: We have a strange behavior with department select with archived entries.
It can leads to have a different number of selected items between the displayer and the dropdown.
In this example from Absences / Slack integration. 
It says 6 selected departements but contains only 4 options.
![CleanShot 2024-02-07 at 09 27 55@2x](https://github.com/LuccaSA/lucca-front/assets/25581936/62760a32-9835-47a1-b2d7-a79c59efafb1)

user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2552: state: open
title: [Simple / Multi Select] Space should select option
body: Pressing `space` should select the highlighted issue instead of adding a space character in search input.

https://github.com/LuccaSA/lucca-front/assets/25581936/3e90693b-4c2d-455c-9a78-90819d34dab8


user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2530: state: open
title: [lu-text-input] Angular component requires access to minlength & maxlength properties
body: https://lucca.slack.com/archives/C3W78FWUU/p1706011075716779
user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
:bookmark::sparkles: Feature: New feature (even a very small one)
🔰 Good first issue: Simple task to deal with if you are a new contributer
issue_2522: state: open
title: [Timeline] Requires a story with H3 titles
body: Timeline component is compatible with h3 titles. 
We already support it but we need to document it in a story. 

![image](https://github.com/LuccaSA/lucca-front/assets/25581936/e080410a-cf2c-4bff-9e4c-1c9078c1b9cd)

user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:hammer: Technical: Doesn't affect the output (refactor, dependencies update, cleaning, etc.)
:book: Documentation changes: Requires a Prisme update
🔰 Good first issue: Simple task to deal with if you are a new contributer
issue_2520: state: open
title: [Empty State] Reduce title size on small resolutions
body: Title should have a H2 style on small resolution.
Clément suggest < 480px

![image](https://github.com/LuccaSA/lucca-front/assets/25581936/e2832661-c497-44a9-90b8-bfd585f214e8)
https://www.figma.com/file/PKgmQtFDKpwYlSUSpcJcMo/Lucca-templates?type=design&node-id=8924%3A45888&mode=design&t=kd38kg7nIY4wYQNU-1
user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
🔰 Good first issue: Simple task to deal with if you are a new contributer
issue_2518: state: open
title: [Empty State] Section new icon
body: A new icon for section is required 
![image](https://github.com/LuccaSA/lucca-front/assets/25581936/9d752730-86a0-4f11-b0d9-04099b71e51b)

https://www.figma.com/file/PKgmQtFDKpwYlSUSpcJcMo/Lucca-templates?type=design&node-id=9735%3A93653&mode=design&t=kd38kg7nIY4wYQNU-1

user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_2510: state: open
title: [LuModal] Add typing data parameter for the open method linked to ILuModalContent
body: Currently nothing guarantees the typing of the data parameter sent to the open method.
It would be necessary to be able to type it via a new generic type of ILuModalContent for example.
user: g-drouard
labels: :hammer: Technical: Doesn't affect the output (refactor, dependencies update, cleaning, etc.)
issue_2500: state: open
title: Formlabel counter
body: ## Description

fix #2219 

-----



-----

![Capture d’écran 2024-01-10 à 11 42 08](https://github.com/LuccaSA/lucca-front/assets/64789527/a947e5fe-ec01-4bb2-8647-a53624ef0f63)


user: vvalentin-lucca
labels: :bookmark::sparkles: Feature: New feature (even a very small one)
:book: Documentation changes: Requires a Prisme update
issue_2498: state: open
title: New component: viewTabs
body: ## Description

closes #2492 

-----



-----

![Capture d’écran 2024-01-09 à 17 18 09](https://github.com/LuccaSA/lucca-front/assets/64789527/1043ad4e-410e-4e3c-a495-cab90b2faec3)


user: vvalentin-lucca
labels: :bookmark::sparkles: Feature: New feature (even a very small one)
:book: Documentation changes: Requires a Prisme update
🎨 Design sync: Discussions with design are required
issue_2495: state: open
title: [New select] Small screen display
body: We need to make sure that listboxes are displayed on cell phones.
user: vvalentin-lucca
issue_2494: state: open
title: [New select] Opening with space
body: When you try to interact with a select on the keyboard and open it with space, it opens, but also searches for the space character at the same time.
user: vvalentin-lucca
labels: 👥 Accessibility: Screen readers, contrasts, readability, keyboard, etc.
issue_2492: state: open
title: [New component] Tabs
body: We need a new tab component for navigation purpose. 
Component name should be discussed.
Current radio button component might switch to deprecated.

https://www.figma.com/file/PQEOcUF9CYfKNqaejAGLWP/branch/Eme6dUYEnPmoCrJAndADBo/Lucca-components?type=design&node-id=5260%3A26136&mode=design&t=MMn14kafzGQX6LNU-1

![image (48)](https://github.com/LuccaSA/lucca-front/assets/25581936/bced3110-26e2-4bbd-b5eb-474639f84e3a)
![image (49)](https://github.com/LuccaSA/lucca-front/assets/25581936/b90087ae-9964-4686-83c2-93bb7504151b)

It was previously developed by Cleemy : https://codepen.io/vincent-valentin/pen/KKEPVqg/f602e60f03f55825d3f89743b2c58e89?editors=1010

Further discussions: https://lucca.slack.com/archives/C051GH7AEQ4/p1704380493809839
user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
👥 UI: Requires UI/HTML/CSS skills
:bookmark::sparkles: Feature: New feature (even a very small one)
🦕 Deprecate: Deprecate an element (component, class, mixin, etc.). Should be notified in Prisme.
🎨 Design sync: Discussions with design are required
issue_2490: state: open
title: [navSide] Hide beforeMain, afterMain, bottomSection on mobile
body: Currently, the navSide allows the use of beforeMain, afterMain and bottom sections. These are displayed when viewing the menu on mobile.

The issue can be viewed on the demo project of the ngx Lucca Sitemap :

Here, menu is closed but we can see the three sections are displayed

![image](https://github.com/LuccaSA/lucca-front/assets/2089620/9b2d089d-e245-426d-825f-ac862879acb4)

Here, the menu is opened, everything is a-ok :

![image](https://github.com/LuccaSA/lucca-front/assets/2089620/d78b4b04-a1d4-4579-921a-bdd774711e11)

------

We talked with @GuillaumeNury about this issue, it seems adding `navSide-item` to the projected content works. But this is a bit hacky. We probably need a specific scss rule for these sections.
user: shajz
issue_2477: state: open
title: [Simple/Multiple Select] Lucca directives
body: We need directives on Simple / Multiple select to cover : 

- [ ] Establishment
- [ ] Qualification 
- [ ] User 

Later (as it requires tree picker) 

- [ ] Departement
user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
👥 UI: Requires UI/HTML/CSS skills
:bookmark::sparkles: Feature: New feature (even a very small one)
🔺High priority: Must be addressed in priority
🦕 Deprecate: Deprecate an element (component, class, mixin, etc.). Should be notified in Prisme.
🎨 Design sync: Discussions with design are required
issue_2476: state: open
title: [New component] Filters
body: Planned for Q1 — WIP design
https://www.notion.so/Filters-7e494a0287c14b4ab627cfb0d3e97ace
user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
👥 UI: Requires UI/HTML/CSS skills
:bookmark::sparkles: Feature: New feature (even a very small one)
🎨 Design sync: Discussions with design are required
issue_2474: state: open
title: [luSelect] mod-multiple overflow
body: With mod-multiple, if only one long option is selected, this value can overflow in displayer.

![Capture d’écran 2023-12-28 à 11 31 09](https://github.com/LuccaSA/lucca-front/assets/25581936/2db484ef-8373-4844-8437-337db48a2993)

user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2471: state: open
title: [Card] Create a directive to manage action/links
body: https://prisme.lucca.io/94310e217/p/878482-card/t/80278f

To have a proper behavior on card actions, we need to add a link or action on component root via Angular and use stopPropagation on arrow button. 
It would be nice to provide some tools to developers. 
user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_2469: state: open
title: [Callout Popover] Dropdown story
body: It could be interesting to have a HTML/CSS story displaying the popover's DOM for a better understanding of classes usage for UI developers. 

![image](https://github.com/LuccaSA/lucca-front/assets/25581936/2761236c-29a3-4947-b690-9f3656c66fc7)

user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:book: Documentation changes: Requires a Prisme update
issue_2465: state: open
title: [Callout Popover] Information accessibility
body: 
![image](https://github.com/LuccaSA/lucca-front/assets/25581936/de2ab978-b241-474f-a3b2-f88d46413252)


The numeric value should have an hidden text associated for screen readers like: 
- 2 errors
- 2 warnings
- 2 successes
- 2 informations

`{{buttonLabel}}<span class="u-mask"> errors</span>`
user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2462: state: open
title: [i18n-input] Added component handling i18n translations for a single input
body: ## Description

* Added I18n panel component & model listing i18n translation
* Added first iteration of parent input component, displaying aforementionned panel on target element click. Usable in a form.
⚠️ This is not the final iteration for this component since it does not match LF needs for now

-----

The input in itself is a attribute component which prevents using it with other attribute component like `luButton`. It also implements `ControlValueAccessor` which will cause conflicts if used with other  `ControlValueAccessor` component or directives.
V1:
![image](https://github.com/LuccaSA/lucca-front/assets/144034885/eb6717e7-d8a4-451e-8f48-a1281b089aa6)
V2:
![chrome_qr746Y5S2t](https://github.com/LuccaSA/lucca-front/assets/144034885/d084a4e4-60a0-4dc2-a71c-fb9ee475c81d)

-----

user: obraud
labels: :bookmark::sparkles: Feature: New feature (even a very small one)
:book: Documentation changes: Requires a Prisme update
issue_2430: state: open
title: Configure Renovate
body: ## Description

Welcome to [Renovate](https://togithub.com/renovatebot/renovate)! This is an onboarding PR to help you understand and configure settings before regular Pull Requests begin.

🚦 To activate Renovate, merge this Pull Request. To disable Renovate, simply close this Pull Request unmerged.



---
### Detected Package Files

 * `package.json` (npm)
 * `packages/icons/package.json` (npm)
 * `packages/ng/package.json` (npm)
 * `packages/ng/schematics/lib/local-deps/package.json` (npm)
 * `packages/scss/package.json` (npm)
 * `e2e/LuccaFront.Tests.e2e/LuccaFront.Tests.e2e.csproj` (nuget)
 * `Jenkinsfile` (regex)

### Configuration Summary

Based on the default config's presets, Renovate will:

  - Start dependency updates only once this onboarding PR is merged
  - Enable Renovate Dependency Dashboard creation.
  - Use semantic commit type `fix` for dependencies and `chore` for all others if semantic commits are in use.
  - Ignore `node_modules`, `bower_components`, `vendor` and various test/tests directories.
  - Group known monorepo packages together.
  - Use curated list of recommended non-monorepo package groupings.
  - Apply crowd-sourced package replacement rules.
  - Apply crowd-sourced workarounds for known problems with packages.
  - Pin Docker digests.
  - Pin `github-action` digests.
  - Pin dependency versions for `devDependencies`.
  - Preset with best practices from the Renovate maintainers. Recommended for advanced users, who want to follow our best practices.
  - Run Renovate on following schedule: before 9am every weekday,after 7pm every weekday,every weekend

🔡 Do you want to change how Renovate upgrades your dependencies? Add your custom config to `renovate.json` in this branch and select the Retry/Rebase checkbox below. Renovate will update the Pull Request description the next time it runs.

---

### What to Expect

With your current configuration, Renovate will create 43 Pull Requests:

<details>
<summary>chore(deps): pin dependencies</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/angular`
  - Merge into: `rc`
  - Pin [@angular-devkit/build-angular](https://togithub.com/angular/angular-cli) to `17.0.0`
  - Pin [@angular-devkit/schematics](https://togithub.com/angular/angular-cli) to `17.0.0`
  - Pin [@angular-eslint/builder](https://togithub.com/angular-eslint/angular-eslint) to `17.0.1`
  - Pin [@angular-eslint/eslint-plugin](https://togithub.com/angular-eslint/angular-eslint) to `17.0.1`
  - Pin [@angular-eslint/eslint-plugin-template](https://togithub.com/angular-eslint/angular-eslint) to `17.0.1`
  - Pin [@angular-eslint/schematics](https://togithub.com/angular-eslint/angular-eslint) to `17.0.1`
  - Pin [@angular-eslint/template-parser](https://togithub.com/angular-eslint/angular-eslint) to `17.0.1`
  - Upgrade [@angular/animations](https://togithub.com/angular/angular) to `17.2.1`
  - Upgrade [@angular/cdk](https://togithub.com/angular/components) to `17.2.0`
  - Pin [@angular/cli](https://togithub.com/angular/angular-cli) to `17.0.0`
  - Upgrade [@angular/common](https://togithub.com/angular/angular) to `17.2.1`
  - Upgrade [@angular/compiler](https://togithub.com/angular/angular) to `17.2.1`
  - Pin [@angular/compiler-cli](https://togithub.com/angular/angular) to `17.0.2`
  - Upgrade [@angular/core](https://togithub.com/angular/angular) to `17.2.1`
  - Upgrade [@angular/forms](https://togithub.com/angular/angular) to `17.2.1`
  - Upgrade [@angular/platform-browser](https://togithub.com/angular/angular) to `17.2.1`
  - Upgrade [@angular/platform-browser-dynamic](https://togithub.com/angular/angular) to `17.2.1`
  - Upgrade [@angular/router](https://togithub.com/angular/angular) to `17.2.1`


</details>

<details>
<summary>chore(deps): pin dependencies</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/pin-dependencies`
  - Merge into: `rc`
  - Pin [@compodoc/compodoc](https://togithub.com/compodoc/compodoc) to `1.1.23`
  - Pin [@ngneat/spectator](https://togithub.com/ngneat/spectator) to `15.0.1`
  - Pin [@storybook/addon-a11y](https://togithub.com/storybookjs/storybook) to `7.6.3`
  - Pin [@storybook/addon-docs](https://togithub.com/storybookjs/storybook) to `7.6.3`
  - Pin [@storybook/addon-essentials](https://togithub.com/storybookjs/storybook) to `7.5.3`
  - Pin [@storybook/addon-interactions](https://togithub.com/storybookjs/storybook) to `7.5.3`
  - Pin [@storybook/addon-mdx-gfm](https://togithub.com/storybookjs/storybook) to `7.5.3`
  - Pin [@storybook/angular](https://togithub.com/storybookjs/storybook) to `7.5.3`
  - Pin [@storybook/test-runner](https://togithub.com/storybookjs/test-runner) to `0.14.0`
  - Pin [@testing-library/angular](https://togithub.com/testing-library/angular-testing-library) to `14.4.0`
  - Pin [@testing-library/jest-dom](https://togithub.com/testing-library/jest-dom) to `6.1.4`
  - Pin [@testing-library/user-event](https://togithub.com/testing-library/user-event) to `14.5.1`
  - Pin [@types/jest](https://togithub.com/DefinitelyTyped/DefinitelyTyped) to `29.5.1`
  - Pin [@types/jest-axe](https://togithub.com/DefinitelyTyped/DefinitelyTyped) to `3.5.5`
  - Pin [@types/node](https://togithub.com/DefinitelyTyped/DefinitelyTyped) to `18.16.3`
  - Pin [@typescript-eslint/eslint-plugin](https://togithub.com/typescript-eslint/typescript-eslint) to `6.10.0`
  - Pin [@typescript-eslint/parser](https://togithub.com/typescript-eslint/typescript-eslint) to `6.10.0`
  - Pin [autoprefixer](https://togithub.com/postcss/autoprefixer) to `10.4.16`
  - Pin [eslint](https://togithub.com/eslint/eslint) to `8.44.0`
  - Pin [eslint-config-prettier](https://togithub.com/prettier/eslint-config-prettier) to `8.8.0`
  - Pin [eslint-plugin-deprecation](https://togithub.com/gund/eslint-plugin-deprecation) to `1.4.1`
  - Pin [eslint-plugin-import](https://togithub.com/import-js/eslint-plugin-import) to `2.27.5`
  - Pin [eslint-plugin-prefer-arrow](https://togithub.com/TristonJ/eslint-plugin-prefer-arrow) to `1.2.3`
  - Pin [eslint-plugin-prettier](https://togithub.com/prettier/eslint-plugin-prettier) to `4.2.1`
  - Pin [glob](https://togithub.com/isaacs/node-glob) to `10.3.10`
  - Pin [jest](https://togithub.com/jestjs/jest) to `29.7.0`
  - Pin [jest-axe](https://togithub.com/nickcolley/jest-axe) to `7.0.1`
  - Pin [jest-preset-angular](https://togithub.com/thymikee/jest-preset-angular) to `13.1.4`
  - Pin [msw](https://togithub.com/mswjs/msw) to `2.0.6`
  - Pin [ng-packagr](https://togithub.com/ng-packagr/ng-packagr) to `17.0.0`
  - Pin [postcss](https://togithub.com/postcss/postcss) to `8.4.31`
  - Pin [postcss-scss](https://togithub.com/postcss/postcss-scss) to `4.0.6`
  - Pin [postcss-selector-parser](https://togithub.com/postcss/postcss-selector-parser) to `6.0.12`
  - Pin [postcss-value-parser](https://togithub.com/TrySound/postcss-value-parser) to `4.2.0`
  - Pin [prettier](https://togithub.com/prettier/prettier) to `2.8.8`
  - Pin [sass](https://togithub.com/sass/dart-sass) to `1.69.5`
  - Pin [storybook](https://togithub.com/storybookjs/storybook) to `7.5.3`
  - Pin [stylelint](https://togithub.com/stylelint/stylelint) to `14.16.1`
  - Pin [stylelint-config-prettier](https://togithub.com/prettier/stylelint-config-prettier) to `9.0.5`
  - Pin [stylelint-prettier](https://togithub.com/prettier/stylelint-prettier) to `2.0.0`
  - Pin [ts-node](https://togithub.com/TypeStrong/ts-node) to `10.9.1`


</details>

<details>
<summary>chore(deps): update dependency autoprefixer to ^10.4.16</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/autoprefixer-10.x`
  - Merge into: `rc`
  - Upgrade [autoprefixer](https://togithub.com/postcss/autoprefixer) to `^10.4.16`


</details>

<details>
<summary>chore(deps): update dependency microsoft.extensions.configuration to v6.0.1</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/dotnet-monorepo`
  - Merge into: `rc`
  - Upgrade [Microsoft.Extensions.Configuration](https://togithub.com/dotnet/runtime) to `6.0.1`


</details>

<details>
<summary>chore(deps): update dependency postcss to v8.4.35</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/postcss-8.x`
  - Merge into: `rc`
  - Upgrade [postcss](https://togithub.com/postcss/postcss) to `8.4.35`
  - Upgrade [postcss](https://togithub.com/postcss/postcss) to `^8.4.31`


</details>

<details>
<summary>chore(deps): update dependency postcss-scss to v4.0.9</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/postcss-scss-4.x`
  - Merge into: `rc`
  - Upgrade [postcss-scss](https://togithub.com/postcss/postcss-scss) to `4.0.9`


</details>

<details>
<summary>chore(deps): update dependency postcss-selector-parser to v6.0.15</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/postcss-selector-parser-6.x`
  - Merge into: `rc`
  - Upgrade [postcss-selector-parser](https://togithub.com/postcss/postcss-selector-parser) to `6.0.15`


</details>

<details>
<summary>chore(deps): update dependency specflow to v3.9.74</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/specflow-3.x`
  - Merge into: `rc`
  - Upgrade [SpecFlow](https://www.specflow.org/) to `3.9.74`


</details>

<details>
<summary>chore(deps): update dependency specflow.nunit to v3.9.74</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/specflow.nunit-3.x`
  - Merge into: `rc`
  - Upgrade [SpecFlow.NUnit](https://www.specflow.org/) to `3.9.74`


</details>

<details>
<summary>chore(deps): update dependency ts-node to ~10.9.0</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/ts-node-10.x`
  - Merge into: `rc`
  - Upgrade [ts-node](https://togithub.com/TypeStrong/ts-node) to `~10.9.0`


</details>

<details>
<summary>fix(deps): update dependency zone.js to v0.14.4</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/angular-monorepo`
  - Merge into: `rc`
  - Upgrade [zone.js](https://togithub.com/angular/angular) to `0.14.4`


</details>

<details>
<summary>chore(deps): update dependency @&#8203;storybook/test-runner to ^0.16.0</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/storybook-test-runner-0.x`
  - Merge into: `rc`
  - Upgrade [@storybook/test-runner](https://togithub.com/storybookjs/test-runner) to `^0.16.0`


</details>

<details>
<summary>chore(deps): update dependency @testing-library/jest-dom to ^6.4.2</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/testing-library-jest-dom-6.x`
  - Merge into: `rc`
  - Upgrade [@testing-library/jest-dom](https://togithub.com/testing-library/jest-dom) to `^6.4.2`


</details>

<details>
<summary>chore(deps): update dependency eslint-plugin-deprecation to ^1.5.0</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/eslint-plugin-deprecation-1.x`
  - Merge into: `rc`
  - Upgrade [eslint-plugin-deprecation](https://togithub.com/gund/eslint-plugin-deprecation) to `^1.5.0`


</details>

<details>
<summary>chore(deps): update dependency eslint-plugin-import to ^2.29.1</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/eslint-plugin-import-2.x`
  - Merge into: `rc`
  - Upgrade [eslint-plugin-import](https://togithub.com/import-js/eslint-plugin-import) to `^2.29.1`


</details>

<details>
<summary>chore(deps): update dependency microsoft.net.test.sdk to v17.9.0</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/vstest-monorepo`
  - Merge into: `rc`
  - Upgrade [Microsoft.NET.Test.Sdk](https://togithub.com/microsoft/vstest) to `17.9.0`


</details>

<details>
<summary>chore(deps): update dependency microsoft.playwright.nunit to v1.41.2</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/microsoft-playwright-dotnet-monorepo`
  - Merge into: `rc`
  - Upgrade [Microsoft.Playwright.NUnit](https://togithub.com/microsoft/playwright-dotnet) to `1.41.2`


</details>

<details>
<summary>chore(deps): update dependency msw to ^2.2.1</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/msw-2.x`
  - Merge into: `rc`
  - Upgrade [msw](https://togithub.com/mswjs/msw) to `^2.2.1`


</details>

<details>
<summary>chore(deps): update dependency nunit to v3.14.0</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/nunit-3.x`
  - Merge into: `rc`
  - Upgrade [NUnit](https://togithub.com/nunit/nunit) to `3.14.0`


</details>

<details>
<summary>chore(deps): update dependency nunit3testadapter to v4.5.0</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/nunit3testadapter-4.x`
  - Merge into: `rc`
  - Upgrade [NUnit3TestAdapter](https://togithub.com/nunit/nunit3-vs-adapter) to `4.5.0`


</details>

<details>
<summary>chore(deps): update dependency sass to ^1.71.0</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/sass-1.x`
  - Merge into: `rc`
  - Upgrade [sass](https://togithub.com/sass/dart-sass) to `^1.71.0`


</details>

<details>
<summary>chore(deps): update dependency typescript to v5.3.3</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/typescript-5.x`
  - Merge into: `rc`
  - Upgrade [typescript](https://togithub.com/Microsoft/TypeScript) to `5.3.3`


</details>

<details>
<summary>chore(deps): update lucca e2e monorepo to v2.15.0</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/lucca-e2e-monorepo`
  - Merge into: `rc`
  - Upgrade [Lucca.Tests.E2e.Abstractions](https://togithub.com/LuccaSA/Lucca.Tests.e2e) to `2.15.0`
  - Upgrade [Lucca.Tests.E2e.Playwright](https://togithub.com/LuccaSA/Lucca.Tests.e2e) to `2.15.0`


</details>

<details>
<summary>chore(deps): update node.js to v14.21.3</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/node-14.x`
  - Merge into: `rc`
  - Upgrade [node](https://togithub.com/nodejs/node) to `14.21.3`


</details>

<details>
<summary>chore(deps): update node.js to v18.19.1</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/node-18.x`
  - Merge into: `rc`
  - Upgrade [node](https://togithub.com/nodejs/node) to `18.19.1`
  - Upgrade [@types/node](https://togithub.com/DefinitelyTyped/DefinitelyTyped) to `^18.16.3`


</details>

<details>
<summary>fix(deps): update dependency @ngx-formly/core to v6.3.0</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/ngx-formly-monorepo`
  - Merge into: `rc`
  - Upgrade [@ngx-formly/core](https://togithub.com/ngx-formly/ngx-formly) to `6.3.0`


</details>

<details>
<summary>fix(deps): update dependency isomorphic-dompurify to v2.3.0</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/isomorphic-dompurify-2.x-lockfile`
  - Merge into: `rc`
  - Upgrade [isomorphic-dompurify](https://togithub.com/kkomelin/isomorphic-dompurify) to `2.3.0`


</details>

<details>
<summary>chore(deps): update dependency @&#8203;ngneat/spectator to v17</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/ngneat-spectator-17.x`
  - Merge into: `rc`
  - Upgrade [@ngneat/spectator](https://togithub.com/ngneat/spectator) to `^17.0.0`


</details>

<details>
<summary>chore(deps): update dependency @testing-library/angular to v15</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/testing-library-angular-15.x`
  - Merge into: `rc`
  - Upgrade [@testing-library/angular](https://togithub.com/testing-library/angular-testing-library) to `^15.0.0`


</details>

<details>
<summary>chore(deps): update dependency eslint-config-prettier to v9</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/eslint-config-prettier-9.x`
  - Merge into: `rc`
  - Upgrade [eslint-config-prettier](https://togithub.com/prettier/eslint-config-prettier) to `^9.0.0`


</details>

<details>
<summary>chore(deps): update dependency eslint-plugin-deprecation to v2</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/eslint-plugin-deprecation-2.x`
  - Merge into: `rc`
  - Upgrade [eslint-plugin-deprecation](https://togithub.com/gund/eslint-plugin-deprecation) to `^2.0.0`


</details>

<details>
<summary>chore(deps): update dependency eslint-plugin-prettier to v5</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/eslint-plugin-prettier-5.x`
  - Merge into: `rc`
  - Upgrade [eslint-plugin-prettier](https://togithub.com/prettier/eslint-plugin-prettier) to `^5.0.0`


</details>

<details>
<summary>chore(deps): update dependency jest-axe to v8</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/jest-axe-8.x`
  - Merge into: `rc`
  - Upgrade [jest-axe](https://togithub.com/nickcolley/jest-axe) to `^8.0.0`


</details>

<details>
<summary>chore(deps): update dependency jest-preset-angular to v14</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/jest-preset-angular-14.x`
  - Merge into: `rc`
  - Upgrade [jest-preset-angular](https://togithub.com/thymikee/jest-preset-angular) to `^14.0.0`


</details>

<details>
<summary>chore(deps): update dependency luccasa/jenkins.sharedlibrary to v1</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/luccasa-jenkins.sharedlibrary-1.x`
  - Merge into: `rc`
  - Upgrade [LuccaSA/Jenkins.SharedLibrary](https://togithub.com/LuccaSA/Jenkins.SharedLibrary) to `v1.7.0`


</details>

<details>
<summary>chore(deps): update dependency npm to v10</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/npm-10.x`
  - Merge into: `rc`
  - Upgrade [npm](https://togithub.com/npm/cli) to `10.4.0`


</details>

<details>
<summary>chore(deps): update dependency nunit to v4</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/nunit-4.x`
  - Merge into: `rc`
  - Upgrade [NUnit](https://togithub.com/nunit/nunit) to `4.0.1`


</details>

<details>
<summary>chore(deps): update dependency prettier to v3</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/prettier-3.x`
  - Merge into: `rc`
  - Upgrade [prettier](https://togithub.com/prettier/prettier) to `^3.0.0`


</details>

<details>
<summary>chore(deps): update dependency stylelint to v16</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/stylelint-16.x`
  - Merge into: `rc`
  - Upgrade [stylelint](https://togithub.com/stylelint/stylelint) to `^16.0.0`


</details>

<details>
<summary>chore(deps): update dependency stylelint-prettier to v5</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/stylelint-prettier-5.x`
  - Merge into: `rc`
  - Upgrade [stylelint-prettier](https://togithub.com/prettier/stylelint-prettier) to `^5.0.0`


</details>

<details>
<summary>chore(deps): update dotnet monorepo to v8 (major)</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/major-dotnet-monorepo`
  - Merge into: `rc`
  - Upgrade [Microsoft.Extensions.Configuration](https://togithub.com/dotnet/runtime) to `8.0.0`
  - Upgrade [Microsoft.Extensions.Configuration.Json](https://togithub.com/dotnet/runtime) to `8.0.0`


</details>

<details>
<summary>chore(deps): update node.js to v20</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/node-20.x`
  - Merge into: `rc`
  - Upgrade [node](https://togithub.com/nodejs/node) to `20.11.1`
  - Upgrade [@types/node](https://togithub.com/DefinitelyTyped/DefinitelyTyped) to `^20.0.0`


</details>

<details>
<summary>chore(deps): update typescript-eslint monorepo to v7 (major)</summary>

  - Schedule: ["before 9am every weekday","after 7pm every weekday","every weekend"]
  - Branch name: `renovate/major-typescript-eslint-monorepo`
  - Merge into: `rc`
  - Upgrade [@typescript-eslint/eslint-plugin](https://togithub.com/typescript-eslint/typescript-eslint) to `^7.0.0`
  - Upgrade [@typescript-eslint/parser](https://togithub.com/typescript-eslint/typescript-eslint) to `^7.0.0`


</details>

<br />

🚸 Branch creation will be limited to maximum 2 per hour, so it doesn't swamp any CI resources or overwhelm the project. See docs for `prhourlylimit` for details.


---

❓ Got questions? Check out Renovate's [Docs](https://docs.renovatebot.com/), particularly the Getting Started section.
If you need any further assistance then you can also [request help here](https://togithub.com/renovatebot/renovate/discussions).


---

 - [ ] <!-- rebase-check -->If you want to rebase/retry this PR, click this checkbox.


---

This PR has been generated by [Renovate Bot](https://togithub.com/renovatebot/renovate).

<!--renovate-config-hash:0f3e0142c07a58fc6ef83ca42f949276f9f3a98c71418c4a784e045143330d42-->

user: lucca-renovate[bot]
labels: :hammer: Technical: Doesn't affect the output (refactor, dependencies update, cleaning, etc.)
:package:: Can we delete this label? 🤔
issue_2406: state: open
title: [LuSelect] First option always appears selected
body: In these different types of select, the first option always appears selected even if it's not, causing confusion for the users :
- Select
- Establisment select
- User select

<img width="415" alt="Capture d’écran 2023-11-08 à 11 20 57" src="https://github.com/LuccaSA/lucca-front/assets/9743935/e31d385b-4d93-46f2-818d-31a5c7f0698d">
<img width="238" alt="Capture d’écran 2023-11-08 à 11 21 17" src="https://github.com/LuccaSA/lucca-front/assets/9743935/25e05eba-76eb-4265-a4e9-bca010ab3507">
<img width="572" alt="Capture d’écran 2023-11-08 à 11 21 39" src="https://github.com/LuccaSA/lucca-front/assets/9743935/e281713c-591b-4eb8-842c-e328e6d52cfd">

user: nsarradin
labels: 👥 Front: Requires Angular skills
👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2382: state: open
title: [Icons] Search icons are a bit cut
body: The search icons are all a bit cut on the top and on the right

<img width="672" alt="Capture d’écran 2023-10-27 à 14 19 22" src="https://github.com/LuccaSA/lucca-front/assets/9743935/0c7ec127-6a4b-4f67-8f22-895e03bfdfc3">
<img width="743" alt="Capture d’écran 2023-10-27 à 14 19 51" src="https://github.com/LuccaSA/lucca-front/assets/9743935/5cfa677a-38da-4dcd-b0e1-79b7027a66ea">
<img width="512" alt="Capture d’écran 2023-10-27 à 14 19 54" src="https://github.com/LuccaSA/lucca-front/assets/9743935/cad1d045-73a8-482f-95d4-e599d9fb6f90">
<img width="559" alt="Capture d’écran 2023-10-27 à 14 19 59" src="https://github.com/LuccaSA/lucca-front/assets/9743935/d3543780-c980-4c24-92dd-f119fb8dd798">

user: nsarradin
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2355: state: open
title: [Documentation] Architectures choices 
body: We need to document LF architecture choices to allow punctual contributors to fully understand it.
(on github? Prisme? Both?)
user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
👥 UI: Requires UI/HTML/CSS skills
:book: Documentation changes: Requires a Prisme update
issue_2348: state: open
title: [Select] mod-S / numericBadge position 
body: `numericBadge` has position issue when used in a `select` / `mod-S`
![image](https://github.com/LuccaSA/lucca-front/assets/25581936/8ba56222-b776-45ba-b71f-97545958472e)


user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2342: state: open
title: New "format corner" icons
body: These rotated versions of `icon-formatCornerUpLeft` and `icon-formatCornerUpRight` are not available in LF

![image](https://github.com/LuccaSA/lucca-front/assets/2089620/84a69934-1b0c-4321-8a77-2ac1c0920136)
Figma link : https://www.figma.com/file/alAvrHFhbx4BVIHkIeb6oH/Export-comptable---Admin---Achats?type=design&node-id=4396-172850&mode=design&t=kWUmWlMmMpgNnfwe-4

I get by for now with this bit of scss (in a dropdown), but it would be nice to have them available

```scss
.lu-dropdown-options-item-action {
  .lucca-icon.icon-formatCornerUpLeft {
    transform: rotate(90deg);
  }
  .lucca-icon.icon-formatCornerUpRight {
    transform: rotate(90deg);
  }
}

```
user: shajz
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_2340: state: open
title: [Footer] Container width 
body: Footer needs an option to cover a content max width
![Capture d’écran 2023-10-16 à 15 59 50](https://github.com/LuccaSA/lucca-front/assets/25581936/1c323674-2d3f-4e08-b590-8d23f449a7fa)

user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_2339: state: open
title: [Timeline] New needs
body: Some feedback using the timeline component:
- `.mod-dashed` is not described in the doc;
- `.mods-number` and `.mod-checkedPastStep` are not currently compatible;
- there's a need to pass larger titles to `.timeline-step-title`, which currently causes a vertical offset between the title and its bullet point;
- `.timeline-step-title-icon` doesn't have a `top` linked to its positioning, which can also sometimes shift it;
- what if you want to use `.timeline-step-title-icon` but don't want a title in the steps?
- in the examples, the latter is indicated as vertical, but is not in practice ;
- padding on left is not consistent.
user: vvalentin-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2333: state: open
title: [Table] mod-card & sortable incompatibility
body: Tables with both mod-card and sortable feature have padding inconsistencies : 
![image (39)](https://github.com/LuccaSA/lucca-front/assets/25581936/8cacca21-6bc1-4927-aca4-4b50ad2af539)
![image (38)](https://github.com/LuccaSA/lucca-front/assets/25581936/da719e1a-299d-4928-88a8-f6f11d6fe005)
![image (37)](https://github.com/LuccaSA/lucca-front/assets/25581936/efb008f7-472d-415d-a436-684502a56d3f)

user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2318: state: open
title: [Inline message] minor improvements 
body: - [ ] Give a `inlineMessage-statusIcon` class to lucca-icon to avoid overriding extra icons
- [ ] Remove icon HTML element on default state
- [ ] Add gap by defaut (to discuss) 
- [ ] Allow component to wrap or edit structure to allow extra content (to discuss) 
<img width="616" alt="image" src="https://github.com/LuccaSA/lucca-front/assets/25581936/95926071-9e16-4f95-8531-68723041963c">

user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2304: state: open
title: [User select] Former employees spacing
body: User select is missing margin under search field when displaying former employees option. 
![Capture d’écran 2023-10-02 à 14 54 19](https://github.com/LuccaSA/lucca-front/assets/25581936/c62627c7-5519-4808-877b-c6e42649c5b0)

user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2300: state: open
title: [Toasts] - circular gauge dom / accessibility issue
body: Two issues identified on the circular gauge in `toast.component.html` :
- `div.circularGauge` should be replaced by a `span` as buttons can't include `div`
- `aria-hidden="true"` should be added on the svg of the gauge
user: nsarradin
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
🔰 Good first issue: Simple task to deal with if you are a new contributer
issue_2297: state: open
title: [Footer] z-index
body: - [ ] Footer need a z-index in case of sticky/fixed mod
- [ ] Footer can include a `margin-top: auto` in case parent is a flex element
- [ ] (to discuss) create an utility to give a full height to parent component in order to put a footer on page bottom
user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2294: state: open
title: Cover right to left languages scripts
body: Logical properties would allow to adapt interfaces for right to left languages scripts (arabic, hebrew, etc.)
user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_2291: state: open
title: [Date picker] Error placeholder color
body: When datepicker has a placeholder and is in error, the placeholder is grey instead of red (400). 
![Capture d’écran 2023-09-20 à 15 39 21](https://github.com/LuccaSA/lucca-front/assets/25581936/6488b5a9-384d-4a20-a75a-cdb1bfeab106)

user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
🔰 Good first issue: Simple task to deal with if you are a new contributer
issue_2290: state: open
title: [Date picker] Popover blocks background clicks
body: When the select input is larger than the calendar, a click on right of calendar will fail to close the dropdown (because user clicks on dropdown). 

https://github.com/LuccaSA/lucca-front/assets/25581936/f3514f7e-271a-4aa1-bd11-71737f187942

Options can be considered : 
- Use a `width: fit-content` on dropdowns instead of a fixed `min-width`
- Condition it with `:has(.lu-date-picker-panel)`
user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2286: state: open
title: [Tooltip / Ellipsis] Accessibility 
body: Split current `luTooltip` in 2 components:

### luTooltip
Display extra information from an icon / abreviation 
- [ ] Add an identified container for each tooltip during page loading to fix accessibility issues
- [ ] Link containers with their trigger's id
- [ ] Add content to container while hovering/focusing trigger element 

### luEllipsis
Display content hidden by an ellipsis
- [ ] Check if ellipsis is detected on page loading / resize
- [ ] Display a tooltip while hovering/focusing ellipsed content 
- [ ] Bonus : Option to get an ellipsis on the middle of the string

https://lucca.slack.com/archives/C051GH7AEQ4/p1695115996662169
user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
👥 UI: Requires UI/HTML/CSS skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_2268: state: open
title: [Popover] Add documentation on Prisme
body: On Prisme we don't see the options we can trigger with [Popover component](https://prisme.lucca.io/94310e217/p/7693f3-popover) like in tooltip page

![Capture d’écran 2023-09-07 à 10 58 47](https://github.com/LuccaSA/lucca-front/assets/77682210/28b8852d-d8fa-4d84-a759-35d7d8f01b54)


**TOOLTIP PAGE**
![Capture d’écran 2023-09-07 à 10 59 42](https://github.com/LuccaSA/lucca-front/assets/77682210/e83ec743-e612-4167-bffd-4a88b6ba9886)

user: AlexiaAlarza
labels: 👥 Front: Requires Angular skills
:bookmark::sparkles: Feature: New feature (even a very small one)
:book: Documentation changes: Requires a Prisme update
issue_2265: state: open
title:  [Table] mod-card with 2 head rows
body: - When we have 2 rows on the header, we have a custom padding-right to remove.
- When the background is colored : add border-radius on first and last table-head-row-cell + first and last table-body-row-cell if no footer on the table, instead add border-radius on footer


![Capture d’écran 2023-09-06 à 15 10 35](https://github.com/LuccaSA/lucca-front/assets/77682210/37ec12db-9cc5-44cd-a85b-1476165ef6ef)
![Capture d’écran 2023-09-06 à 15 13 27](https://github.com/LuccaSA/lucca-front/assets/77682210/67675c27-79d1-4e5b-bc56-082719af69e9)

user: AlexiaAlarza
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2255: state: open
title: [Tokens] First batch
body: Implement first batch of tokens : 

- [ ] Font
- [x] Shadows
- [ ] Spacing

Bonus 
- [ ] Link new font variables with icon mod sizes

Shadows & Spacing might be already implemented as needed (to be discussed with Clément & Antoine)
user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::sparkles: Feature: New feature (even a very small one)
:hammer: Technical: Doesn't affect the output (refactor, dependencies update, cleaning, etc.)
issue_2219: state: open
title: [Textfield] Add counter
body: ![Capture d’écran 2023-08-22 à 15 12 43](https://github.com/LuccaSA/lucca-front/assets/25581936/ac0cfc64-3630-4ca7-ad87-6be3d6485e1e)

user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
👥 UI: Requires UI/HTML/CSS skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_2198: state: open
title: [Select filter] padding issue
body: `.textfield.mod-filter .textfield-input` has padding issue

![Capture d’écran 2023-07-31 à 16 37 30](https://github.com/LuccaSA/lucca-front/assets/25581936/f8270c6b-d4fb-4b2f-888b-3bd8cb67f843)


user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2160: state: open
title: [links] Add icon on target blank automatically 
body: https://github.com/LuccaSA/Pagga.Remuneration/pull/1254/commits/6e61fc09a56115110c807221c32230b633f23e2c#diff-6ee6809ab14aa0db7040a6e49d6d4bb90419f00c494544a1b50ee134314b1aaf

... with a mod to remove icon on specific cases
user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_2155: state: open
title: [Skip link] Allow to customize targets list
body: Skiplist has 3 targets by default (main navigation, secondary navigation, content).
We should be able to customize this list, links ID and displayed text. 
user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_2144: state: open
title: lu-popup in sidepanel mode can create a double scroll bar
body: Hello,

when lu popup is used in sidepanel mode, the global scroll bar isn't blocked.

Exemple : https://lucca.ilucca.net/directory/users/organization-chart (Choose Timmi Absence)

![image](https://github.com/LuccaSA/lucca-front/assets/127200319/0b9caf47-1596-44b6-9068-e6e0aa7da469)


user: AGueganLucca
labels: 👥 Front: Requires Angular skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2137: state: open
title: Duration components
body: ## Description


-----

user: JBulteau
labels: :bookmark::sparkles: Feature: New feature (even a very small one)
:book: Documentation changes: Requires a Prisme update
issue_2131: state: open
title: [Toast] Bottom offset & footer
body: Add offset with bottom positioning if page has a footer.

![capture_d___e__cran_2023-06-02_a___18 20 07](https://github.com/LuccaSA/lucca-front/assets/25581936/df7f85b5-a2c1-4f00-a155-acc20b92278a)

user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_2129: state: open
title: CDK overlay positionning with decimal, leading to blurry icons
body: ![image](https://github.com/LuccaSA/lucca-front/assets/25581936/6968405d-0bb5-4fd9-a8fd-d9ba8b148d77)
![image](https://github.com/LuccaSA/lucca-front/assets/25581936/b6563a2c-a73f-4748-8a8a-09dc6477d59d)

We should have 
![image](https://github.com/LuccaSA/lucca-front/assets/25581936/b70156eb-c47b-43b6-8bce-41ddac53d937)


user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2126: state: open
title: Table.layout fixed.and.sticked.overhaul
body: ## Description

![sticky-cols](https://github.com/LuccaSA/lucca-front/assets/65592565/b07eadaf-b8a4-4098-b9ff-8aba99f4d52a)


**Fixes (non breaking) :**

- Fix table sticky colums & header drop shadow on scroll not working. (Drop shadow are currently always visible, they should only be visible on scroll)
- Simplified DOM : `mod-columnSticky-shadowMask` class no longer needed


**Overhaul :**

- New system using css vars instead of class for the inner settings, drasticaly reducing dist size

`tableFixedLegacy` : 37 Ko --> `tableFixed` : 2 Ko
`tableStickedLegacy` : 52 Ko --> `tableSticked` : 8 Ko


-----

user: BertrandPodevin
labels: :bookmark::sparkles: Feature: New feature (even a very small one)
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
:book: Documentation changes: Requires a Prisme update
issue_2118: state: open
title: Clearer component is missing translation 
body: https://github.com/LuccaSA/lucca-front/blob/rc/packages/ng/input/src/lib/clearer/clearer.component.html#L3
user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_2105: state: open
title: [Storybook] Expose URLs for major versions
body: When front documentation changed and teams have delays with LF updates, it can be tricky to use documentation. 
We discussed about exposing URLs to have a Storybook access for last majors updates (LF9.0, 10.0 & 15.0)
user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
:hammer: Technical: Doesn't affect the output (refactor, dependencies update, cleaning, etc.)
:book: Documentation changes: Requires a Prisme update
issue_2088: state: open
title: [2078] Add multiple users param on LuUserDisplayPipe
body: ## Description

Add multiple users param on LuUserDisplayPipe

N.B. Usage with single user param remains the same

-----

Examples : 
- In template: `{{ users | luUserDisplay: { format: 'LF', separator: '; '  } }}`
- With transform: `luUserDisplayPipe.transform(users, { format: 'LF', separator: '; ' });`

Defaut values:
- Format (same as single user): InjectionToken `LU_DEFAULT_DISPLAY_POLICY`
- Separator: `, `

Breaking changes :
- Before: Passing a null user displays an empty string
- After: Passing a null user throws an error

-----


user: g-drouard
labels: 👥 Front: Requires Angular skills
:bookmark::sparkles: Feature: New feature (even a very small one)
:book: Documentation changes: Requires a Prisme update
issue_2078: state: open
title: [LuUserDisplayPipe] Managing a collection of users
body: ![image](https://user-images.githubusercontent.com/15925617/231726125-bae849b7-6394-4969-9962-ee69ffdeba53.png)

user: g-drouard
labels: 👥 Front: Requires Angular skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_2061: state: open
title: [Dropdown option] Separator
body: Add dropdown option separator mod.
https://lucca.slack.com/archives/GSCU69USV/p1680077632963399
![image_720](https://github.com/LuccaSA/lucca-front/assets/25581936/05c8c2ee-9f70-48a5-adc6-1ec937505a42)

user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_2036: state: open
title: [Avatar] Multiple
body: Add a wrapper for multiple avatars.

![Capture d’écran 2023-03-09 à 16 45 29](https://user-images.githubusercontent.com/25581936/224079507-c1b3e050-1c04-4689-a558-4168f4b3b26e.png)

user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_2027: state: open
title: [Modal/Sidepanel] Should be able to handle a form
body: Current modal / sidepanel restrictions are a BIG issue for product teams. 
We need to be able to: 
- Have submit buttons in `<form>` (which can be only set in modal content in current one)
- Customize Header
- Customize Footer

Due to these restrictions, teams are using luPopup to create custom modal, which can lead to breaking and/or lack of maintainability (+ dev time). 

We have to discuss if we should improve current one or craft a new one.   
user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
👥 UI: Requires UI/HTML/CSS skills
👥 Accessibility: Screen readers, contrasts, readability, keyboard, etc.
:bookmark::sparkles: Feature: New feature (even a very small one)
🔺High priority: Must be addressed in priority
issue_2019: state: open
title: Add Timeline DS features
body: - [ ] Checked + Big
- [ ] Checked + Current
- [ ] Dash line
- [ ] Palette success (?) 

![image](https://user-images.githubusercontent.com/25581936/221827479-31e8ade8-2631-4844-98e7-6e393494c05d.png)
![image](https://user-images.githubusercontent.com/25581936/221827402-f9752584-9a43-4d07-a200-e469e9a46e01.png)


user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_1974: state: open
title: [Table] incompatibility mod-columnSticky with table-foot-row-cell
body: Table `mod-columnSticky` does not work well when applied to `table-foot-row-cell`
user: RipripKipkip
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_1933: state: open
title: [navSide] inconsistent css vars naming and usage
body: NavSide CSS vars names and usage for the colors is inconsistent.

One example : the background-color of the components (navide and navside alert) are sometimes defined with a `--xxxx-color`, sometimes with a `--xxxx-bg`, sometimes with a` --xxxx-bg-color` and in one occurence with a ` --xxxx-text`. 

There are css vars for some states (hover, selected).. but not for active wich lead to other inconsistent usage of vars.

My opinion :

- Background-color should always be defined with a css vars `--xxxx-background-color`
- Color should always de defined with a css vars `--xxxx-color`.
- States (hover, active, selected) should never inverse the use of a `background-color` and a `color` css vars. (`color: --xxxx-background-color, background-color: --xxxx-color`) but should instead define specific css vars. (ex `--xx-active-background-color`).

![image](https://user-images.githubusercontent.com/65592565/208068799-2f9d1ddf-e6b0-4e53-b43b-5c6369e50ef9.png)

![image](https://user-images.githubusercontent.com/65592565/208067363-e23a1da1-7cea-4b50-8a84-808aeedd5df7.png)

![image](https://user-images.githubusercontent.com/65592565/208067406-7f2de451-9c20-4f02-a58e-adf2094f9feb.png)




user: BertrandPodevin
labels: 👥 UI: Requires UI/HTML/CSS skills
:hammer: Technical: Doesn't affect the output (refactor, dependencies update, cleaning, etc.)
issue_1905: state: open
title: LuCalendar v2
body: We need a new LuCalendar version to unify our future range picker and out current LuDate.
Specs workshop on 16/10
user: jeremie-lucca
labels: 👥 Front: Requires Angular skills
👥 UI: Requires UI/HTML/CSS skills
:bookmark::sparkles: Feature: New feature (even a very small one)
🔺High priority: Must be addressed in priority
issue_1868: state: open
title: luTooltipWhenEllipsis and keyboard navigation
body: The tabindex that is added to elements to make them focusable should be removed when tooltips are not needed.

However, this calculation seems to be done on interaction (to avoid listening the resize of the window) and it is therefore already too late when you navigate with the keyboard.
user: vvalentin-lucca
labels: 👥 Accessibility: Screen readers, contrasts, readability, keyboard, etc.
issue_1811: state: open
title: Open $colors & $colorsRgb to custom values
body: It could be interesting to let teams add custom values to `$colors` & `$colorsRgb` in _config.scss_
user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_1638: state: open
title: [Collapse] Use hidden=until-found
body: For accessibility purpose,
switch display: none to hidden=until-found to make hidden content searchable
https://developer.chrome.com/blog/hidden-until-found/
user: jeremie-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
👥 Accessibility: Screen readers, contrasts, readability, keyboard, etc.
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_1637: state: open
title: [lu-department-select] Dropdown's direction the first time it is opened
body: The `lu-department-select` dropdown does not seem to be opened in the right direction the first time it is opened. Here is an example where the dropdown's direction is Down even though it should have been Up :

https://user-images.githubusercontent.com/8553617/165918259-8844c703-4802-4c71-ae1a-d9108fde4a3c.mp4

My guess is that the component does not know if the data which will be displayed will fit, so it chooses the Down direction by default
user: bastienguillon
labels: 👥 Front: Requires Angular skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_1521: state: open
title: ADD chromatic for automatic storybook ui diffs
body: thanks @bsabardu-lucca 
user: shajz
labels: 👥 Front: Requires Angular skills
:hammer: Technical: Doesn't affect the output (refactor, dependencies update, cleaning, etc.)
issue_1489: state: open
title: User tile use word-break: break-all on name
body: The user tile component set a `word-break: break-all;` on `user.info`. This properties should never be used because it's 1) super ugly and 2) a cheap way to manage overflow

![image](https://user-images.githubusercontent.com/65592565/144583645-be8d1bd3-d1b1-4419-92a1-97ec2a543001.png)

user: BertrandPodevin
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_1458: state: open
title: Departments and establishments select : My Department and My Establishment
body: In departments and establishments select, it could be useful to have a "My department/establishment" option, like we have Me in the user select. For multiple departments select, we could also have options to have departments and subs, department only, or subs only, like the other options.
user: bmoriniere
labels: 👥 Front: Requires Angular skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_1445: state: open
title: [table][scss] incompatibility between mod-columnSticky and mod-stickyHeader
body: Table `mod-columnSticky` and `mod-stickyHeader` does not work well when applied together on the same element
+ name inconsistency : mod-column**Sticky**  mod-**sticky**Header
user: BertrandPodevin
labels: 👥 UI: Requires UI/HTML/CSS skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_1444: state: open
title: [sass] inconsistent use of !important in utilities class
body: The usage of `!important` is not consistent between utilities class. We must be homogeneous and add it for all of them.
user: BertrandPodevin
labels: 👥 UI: Requires UI/HTML/CSS skills
:hammer: Technical: Doesn't affect the output (refactor, dependencies update, cleaning, etc.)
issue_1275: state: open
title: ng-dateselect - add a way to disable certain dates
body: right now, in the date-select picker, dates that are not between min and max are disabled. its good enough when you want to restrict in a define period, but when you want to restrict input in some more complex way its not possible

- disable week ends
- disable S23

needed in mealvoucher because there's a date-select that we want disabled days in between work contracts
user: lucienbertin
labels: 👥 Front: Requires Angular skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_1267: state: open
title: [Accessibility] on tab menu
body: Add accessibility on tab menu like this example : https://www.accede-web.com/notices/interface-riche/onglets/
user: AlexiaAlarza
labels: 👥 UI: Requires UI/HTML/CSS skills
👥 Accessibility: Screen readers, contrasts, readability, keyboard, etc.
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_1201: state: open
title: State management for form fields
body: We want to be able to browse the required fields without getting an error:

- we don't want errors when ng-invalid and ng-touched are enabled;
- we want errors when ng-invalid, ng-touched and ng-dirty are enabled.
user: vvalentin-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
👥 Accessibility: Screen readers, contrasts, readability, keyboard, etc.
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_1170: state: open
title: [ng] lu-calendar table
body: The calendar should be structured in a table to allow the user to move by weeks and days.
user: vvalentin-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
👥 Accessibility: Screen readers, contrasts, readability, keyboard, etc.
issue_1169: state: open
title: [ng] lu-calendar input
body: Calendar buttons do not have a type, which prevents the component from being loaded into a form.
you should add a `type="button"` to them.

It would also be necessary to associate to input (possibly hidden) to this calendar.

user: vvalentin-lucca
labels: 👥 UI: Requires UI/HTML/CSS skills
👥 Accessibility: Screen readers, contrasts, readability, keyboard, etc.
issue_1166: state: open
title: Proposal: UiStateModule
body: When we deal with asynchronous actions, we often have to add some loaders. Sometimes, we even want to add a success or error state to our buttons.
This is a proposal, implemented in PM, that could be added in LF.

## UiState

Instead of representing loaders with a boolean, I introduced a new `Enum`:

```ts
export enum UiState {
  Idle,
  Loading,
  Success,
  Error,
}
``` 

## UiStateDirective

This directive is just a way to add LF classes based on input `UiState`:
```ts
@Directive({
  selector: '[pmUiState]'
})
export class UiStateDirective {
  @HostBinding('class.is-loading')
  public get isLoading(): boolean {
    return this.state === UiState.Loading;
  }

  @HostBinding('class.is-success')
  public get isSuccess(): boolean {
    return this.state === UiState.Success;
  }

  @HostBinding('class.is-error')
  public get isError(): boolean {
    return this.state === UiState.Error;
  }

  @Input('pmUiState') public state: UiState;
}
```

## RxJS `onUiStateChange` operator

The goal is to achieve the orchestration of `UiStates`:

* Loading -> Success (1 second) -> Idle
* Loading -> Error (1 second) -> Idle

Here is an example:

```ts
export class ExportFeature {
  public generateExportReportState$: BehaviorSubject<UiState>;

  protected constructor() {
    this.generateExportReportState$ = new BehaviorSubject(UiState.Idle);
  }

  public generateExportReport(): void {
    this.getExportReport()
      .pipe(
        onUiStateChange(state => this.generateExportReportState$.next(state)),
      )
      .subscribe(
         report => { /* some thing with this.getExportReport() result */},
         err => { /* some thing with this.getExportReport() error */}
       );
  }
}
```

Implemented [HERE](https://github.com/LuccaSA/Pay.Monitor/blob/5ebc98df6ac3fd9c9635934c89c6dcb39b831a03/front/src/app/utils/rxjs.ts#L11) and tested [HERE](https://github.com/LuccaSA/Pay.Monitor/blob/5ebc98df6ac3fd9c9635934c89c6dcb39b831a03/front/src/app/utils/rxjs.spec.ts#L8).
user: GuillaumeNury
labels: 👥 Front: Requires Angular skills
:bookmark::sparkles: Feature: New feature (even a very small one)
issue_1045: state: open
title: [ng] Popover alignement when using popover position
body: When using `popoverPosition=after` we loose "automatic" popover alignement. In the following screenshot, the popover should align with bottom.

![image](https://user-images.githubusercontent.com/12662533/86150953-63614500-bafe-11ea-8d12-6ae0bba8c6da.png)

user: GuillaumeNury
labels: 👥 Front: Requires Angular skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_964: state: open
title: LuModalPanelComponent labels are not updated
body: https://github.com/LuccaSA/lucca-front/blob/8e92ffba275cc8503f165bcb408a70a052528eff/packages/ng/libraries/modal/src/lib/modal-panel.component.ts#L97

The labels displayed in modals footers are not updated if setted in the modal's component `ngOnInit` method

Example: 

```ts
@Component({
	selector: 'app-test-dialog',
	template: '<span>Hello world</span>'
})
export class TestDialogComponent implements ILuModalContent, OnInit {
	public title: string;
	public cancelLabel: string;

	constructor(
	) {
		// The cancelLabel WILL be updated if setted here
		this.cancelLabel = "Value setted in the constructor";
	}

	public ngOnInit(): void {
		// The cancelLabel will NOT be updated if setted here
		this.cancelLabel = "Blablabla"
	}
}

```
user: bastienguillon
labels: 👥 Front: Requires Angular skills
:bookmark::bug: FIX: Bug / Visual fix (PR should target Master branch)
issue_963: state: open
title: [ng] date-select class `is-disabled` ignored in calendar
body: ![image](https://user-images.githubusercontent.com/10089239/75333006-a1670780-5885-11ea-8ba7-b906d5b7611c.png)

user: lucienbertin
labels: 👥 UI: Requires UI/HTML/CSS skills