@lucca-front/ng 22.0.5 → 22.0.6-rc.1

package/llms/references/components/clear/clear.md

@@ -0,0 +1,79 @@
+# clear
+
+## Import
+
+```typescript
+import { ClearComponent } from '@lucca-front/ng/clear';
+```
+
+## API Reference
+
+### ClearComponent (component)
+
+**Selector:** `lu-clear`
+
+**exportAs:** `luClearer`
+
+#### Inputs
+
+| Property | Binding name | Type | Default | Required | Transform | Description |
+|----------|-------------|------|---------|----------|-----------|-------------|
+| `intl` | `intl` | `unknown` | — | — | — | — |
+| `size` | `size` | `ClearSize \| null` | `null` | — | — | Modifie la taille du bouton. |
+| `disabled` | `disabled` | `boolean` | `false` | — | `luBooleanAttribute` | Désactive le bouton. |
+| `palette` | `palette` | `Palette` | `'none'` | — | — | Applique une palette de couleurs au bouton. |
+| `inverted` | `inverted` | `boolean` | `false` | — | `luBooleanAttribute` | Modifie les couleurs du bouton pour un usage sur fond foncé. |
+
+#### Outputs
+
+| Property | Binding name | Type | Notes |
+|----------|-------------|------|-------|
+| `onClearOutput` | `onClearOutput` | `void` | — |
+
+## Related files
+
+- 📝 [Code & implementation](./clear.component.md)
+- 🎨 [Design guidelines](https://lucca-front.lucca.io/v22.0.6-rc.1/storybook/llms/references/components/clear/clear.design.md)
+- 🎯 [Figma design tokens](https://lucca-front.lucca.io/v22.0.6-rc.1/storybook/llms/references/components/clear/clear.figma.md)
+- 📖 [Storybook documentation](https://lucca-front.lucca.io/v22.0.0/storybook/?path=/docs/documentation-texts-clear-angular-basic--docs)
+
+## Changelog
+
+> Diff structurel de l'API (selectors, inputs, outputs, models) entre versions stables, depuis `v21.4.2` jusqu'à `v22.0.0`. Les versions sans changement d'API sont omises.
+
+### 22.0.0
+
+~ `disabled` : transform booleanAttribute → luBooleanAttribute
+~ `inverted` : transform booleanAttribute → luBooleanAttribute
++ (output) `onClearOutput` : void
+- (output) `onClear`
+
+### Notes de release (ZeroHeight)
+
+#### 21.3.0
+
+##### Added
+
+- `CLEAR_SIZE` TypeScript constant is now publicly exported.
+
+#### 21.1.0
+
+##### Added
+
+- `intl` input to override the component's translations.
+
+#### 21.0.3
+
+##### Fixed
+
+- `clear` visibility in select fields: the clear button no longer stays hidden on a selected field.
+
+#### 21.0.0
+
+##### Added
+
+- Angular component (`lu-clear` / `luClearer`) with `size`, `disabled`, `palette`, and `inverted` inputs and an `onClear` output.
+
+##### Fixed
+
+- `multi-select` display: the clear button now shows correctly when a value is selected.

package/llms/references/components/code/code.component.md

@@ -0,0 +1,33 @@
+# code — Code & Implementation
+
+📖 [Storybook documentation](https://lucca-front.lucca.io/v22.0.0/storybook/?path=/docs/documentation-texts-code-angular-basic--docs)
+
+## Angular
+
+Component selector : `lu-code`
+
+### Code
+
+```js
+import { CodeComponent } from '@lucca-front/ng/code';
+```
+
+```html
+<lu-code>ipsum dolor sit</lu-code>
+```
+
+## HTML/CSS
+
+Classe CSS : `.code`
+
+### Code
+
+```css
+@forward '@lucca-front/scss/src/components/code';
+```
+
+```html
+Lorem
+<code class="code">ipsum dolor sit</code>
+amet
+```

package/llms/references/components/code/code.md

@@ -0,0 +1,47 @@
+# code
+
+## Import
+
+```typescript
+import { CodeComponent } from '@lucca-front/ng/code';
+```
+
+## API Reference
+
+### CodeComponent (component)
+
+**Selector:** `lu-code`
+
+#### Inputs
+
+| Property | Binding name | Type | Default | Required | Transform | Description |
+|----------|-------------|------|---------|----------|-----------|-------------|
+| `block` | `block` | `boolean` | `false` | — | `luBooleanAttribute` | Permet un affichage sur plusieurs lignes. |
+
+## Related files
+
+- 📝 [Code & implementation](./code.component.md)
+
+- 📖 [Storybook documentation](https://lucca-front.lucca.io/v22.0.0/storybook/?path=/docs/documentation-texts-code-angular-basic--docs)
+
+## Changelog
+
+> Diff structurel de l'API (selectors, inputs, outputs, models) entre versions stables, depuis `v21.4.2` jusqu'à `v22.0.0`. Les versions sans changement d'API sont omises.
+
+### 22.0.0
+
+~ `block` : transform booleanAttribute → luBooleanAttribute
+
+### Notes de release (ZeroHeight)
+
+#### 21.3.0
+
+##### Changed
+
+- `overflow-wrap` long content now wraps anywhere so that unbreakable strings (such as URLs) no longer overflow their container.
+
+#### 21.0.0
+
+##### Added
+
+- Angular component (`lu-code`, `CodeComponent`) to display inline or block code snippets, with a `block` boolean input to switch to block display.

package/llms/references/components/color/color.md

@@ -0,0 +1,32 @@
+# color
+
+## Import
+
+```typescript
+import { ColorComponent } from '@lucca-front/ng/color';
+```
+
+## API Reference
+
+### ColorComponent (component)
+
+**Selector:** `lu-color`
+
+#### Inputs
+
+| Property | Binding name | Type | Default | Required | Transform | Description |
+|----------|-------------|------|---------|----------|-----------|-------------|
+| `value` | `value` | `string \| null` | `null` | — | — | — |
+| `borderColor` | `borderColor` | `string \| null` | `null` | — | — | — |
+| `size` | `size` | `ColorSize \| null` | `null` | — | — | — |
+| `hiddenName` | `hiddenName` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+
+## Related files
+
+## Changelog
+
+> Diff structurel de l'API (selectors, inputs, outputs, models) entre versions stables, depuis `v21.4.2` jusqu'à `v22.0.0`. Les versions sans changement d'API sont omises.
+
+### 22.0.0
+
+~ `hiddenName` : transform booleanAttribute → luBooleanAttribute

package/llms/references/components/color-input/color-input.md

@@ -0,0 +1,33 @@
+# color-input
+
+## Import
+
+```typescript
+import { ColorInputComponent } from '@lucca-front/ng/forms';
+```
+
+## API Reference
+
+### ColorInputComponent (component)
+
+**Selector:** `lu-color-input`
+
+#### Inputs
+
+| Property | Binding name | Type | Default | Required | Transform | Description |
+|----------|-------------|------|---------|----------|-----------|-------------|
+| `intl` | `intl` | `unknown` | — | — | — | — |
+| `colors` | `colors` | `ColorOption[]` | — | ✅ | — | — |
+| `clearable` | `clearable` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+| `compact` | `compact` | `boolean` | `false` | — | `luBooleanAttribute` | — |
+
+## Related files
+
+## Changelog
+
+> Diff structurel de l'API (selectors, inputs, outputs, models) entre versions stables, depuis `v21.4.2` jusqu'à `v22.0.0`. Les versions sans changement d'API sont omises.
+
+### 22.0.0
+
+~ `clearable` : transform booleanAttribute → luBooleanAttribute
+~ `compact` : transform booleanAttribute → luBooleanAttribute

package/llms/references/components/color-picker/color-picker.component.md

@@ -0,0 +1,29 @@
+# color-picker — Code & Implementation
+
+📖 [Storybook documentation](https://lucca-front.lucca.io/v22.0.0/storybook/?path=/docs/documentation-forms-fields-color-picker-angular--docs)
+
+## Angular
+
+Component selector : `lu-color-input`
+
+### Configuration des couleurs
+
+Les couleurs disponibles dans le color picker sont à renseigner dans `colors` via un tableau d'objets :
+
+### Input field
+
+```js
+import { FormsModule } from '@angular/forms';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { LuOptionDirective } from '@lucca-front/ng/core-select';
+import { FORM_FIELD_SIZE, FORM_FIELD_WIDTH, FormFieldComponent } from '@lucca-front/ng/form-field';
+import { ColorInputComponent } from '@lucca-front/ng/forms';
+import { INLINE_MESSAGE_STATE } from '@lucca-front/ng/inline-message';
+```
+
+```html
+<lu-form-field label="Label" tooltip="Tooltip message" inlineMessage="Helper text" inlineMessageState="default">
+	<lu-color-input [(ngModel)]="model.example" [colors]="colors" clearable />
+</lu-form-field>
+<pr-story-model-display>{{ model.example | json }}</pr-story-model-display>
+```

package/llms/references/components/color-picker/color-picker.md

@@ -0,0 +1,25 @@
+# color-picker
+
+## Related files
+
+- 📝 [Code & implementation](./color-picker.component.md)
+- 🎨 [Design guidelines](https://lucca-front.lucca.io/v22.0.6-rc.1/storybook/llms/references/components/color-picker/color-picker.design.md)
+- 🎯 [Figma design tokens](https://lucca-front.lucca.io/v22.0.6-rc.1/storybook/llms/references/components/color-picker/color-picker.figma.md)
+- 📖 [Storybook documentation](https://lucca-front.lucca.io/v22.0.0/storybook/?path=/docs/documentation-forms-fields-color-picker-angular--docs)
+
+## Changelog
+
+### Notes de release (ZeroHeight)
+
+#### 21.1.3
+
+##### Fixed
+
+- Empty value display in `presentation` mode now matches the other inputs.
+
+#### 21.1.0
+
+##### Added
+
+- `lu-color-input` component to pick a color among a predefined palette, with the `colors`, `compact`, `clearable` and `intl` inputs.
+- `presentation` display mode support, showing an en dash when the value is empty.