@konce-pt/angular 0.7.11 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +72 -0
- package/charts/src/lib/llms.txt +31 -30
- package/fesm2022/konce-pt-angular-charts.mjs +7 -498
- package/fesm2022/konce-pt-angular-charts.mjs.map +1 -1
- package/fesm2022/konce-pt-angular-icons.mjs +7 -5136
- package/fesm2022/konce-pt-angular-icons.mjs.map +1 -1
- package/fesm2022/konce-pt-angular-map.mjs +14 -1298
- package/fesm2022/konce-pt-angular-map.mjs.map +1 -1
- package/fesm2022/konce-pt-angular-roadmap.mjs +8 -1269
- package/fesm2022/konce-pt-angular-roadmap.mjs.map +1 -1
- package/fesm2022/konce-pt-angular.mjs +179 -1455
- package/fesm2022/konce-pt-angular.mjs.map +1 -1
- package/grid/src/lib/llms.txt +48 -48
- package/map/src/lib/llms.txt +447 -446
- package/package.json +9 -2
- package/roadmap/src/lib/llms.txt +75 -74
- package/src/lib/accordion/llms.txt +9 -9
- package/src/lib/alert/llms.txt +10 -10
- package/src/lib/app-shell/llms.txt +59 -59
- package/src/lib/auth/llms.txt +58 -58
- package/src/lib/autocomplete/llms.txt +8 -8
- package/src/lib/avatar/llms.txt +9 -9
- package/src/lib/avatar-group/llms.txt +8 -8
- package/src/lib/badge/llms.txt +9 -9
- package/src/lib/bottom-sheet/llms.txt +14 -14
- package/src/lib/breadcrumb/llms.txt +7 -7
- package/src/lib/breakpoint/llms.txt +21 -21
- package/src/lib/button/llms.txt +34 -34
- package/src/lib/button-group/llms.txt +5 -5
- package/src/lib/card/llms.txt +27 -27
- package/src/lib/carousel/llms.txt +11 -11
- package/src/lib/checkbox/llms.txt +7 -7
- package/src/lib/chip/llms.txt +6 -6
- package/src/lib/chips-input/llms.txt +9 -9
- package/src/lib/color-picker/llms.txt +7 -7
- package/src/lib/confirm/llms.txt +11 -11
- package/src/lib/context-menu/llms.txt +10 -10
- package/src/lib/data-table/llms.txt +170 -170
- package/src/lib/data-view/llms.txt +8 -8
- package/src/lib/date-range/llms.txt +25 -25
- package/src/lib/datepicker/llms.txt +52 -48
- package/src/lib/dialog/llms.txt +62 -62
- package/src/lib/divider/llms.txt +9 -9
- package/src/lib/drawer/llms.txt +18 -18
- package/src/lib/empty/llms.txt +9 -9
- package/src/lib/fab/llms.txt +12 -12
- package/src/lib/fieldset/llms.txt +9 -9
- package/src/lib/file-upload/llms.txt +10 -10
- package/src/lib/form-field/llms.txt +45 -45
- package/src/lib/galleria/llms.txt +7 -7
- package/src/lib/i18n/llms.txt +28 -22
- package/src/lib/icon/llms.txt +20 -20
- package/src/lib/icon-button/llms.txt +9 -8
- package/src/lib/image/llms.txt +9 -9
- package/src/lib/input/llms.txt +27 -27
- package/src/lib/input-mask/llms.txt +10 -10
- package/src/lib/input-number/llms.txt +34 -34
- package/src/lib/input-otp/llms.txt +11 -11
- package/src/lib/knob/llms.txt +14 -14
- package/src/lib/listbox/llms.txt +8 -8
- package/src/lib/megamenu/llms.txt +13 -13
- package/src/lib/menu/llms.txt +26 -26
- package/src/lib/menubar/llms.txt +10 -10
- package/src/lib/meter-group/llms.txt +8 -8
- package/src/lib/order-list/llms.txt +8 -8
- package/src/lib/paginator/llms.txt +12 -12
- package/src/lib/panel/llms.txt +12 -12
- package/src/lib/password/llms.txt +12 -12
- package/src/lib/pick-list/llms.txt +8 -8
- package/src/lib/popover/llms.txt +8 -8
- package/src/lib/progress/llms.txt +6 -6
- package/src/lib/radio-group/llms.txt +5 -5
- package/src/lib/rating/llms.txt +10 -6
- package/src/lib/rich-text/llms.txt +50 -50
- package/src/lib/scroll-top/llms.txt +7 -7
- package/src/lib/select/llms.txt +26 -26
- package/src/lib/sidenav/llms.txt +24 -24
- package/src/lib/skeleton/llms.txt +6 -6
- package/src/lib/slider/llms.txt +17 -17
- package/src/lib/speed-dial/llms.txt +7 -7
- package/src/lib/spinner/llms.txt +5 -5
- package/src/lib/split-button/llms.txt +15 -15
- package/src/lib/splitter/llms.txt +11 -11
- package/src/lib/stepper/llms.txt +10 -10
- package/src/lib/switch/llms.txt +10 -10
- package/src/lib/switch-group/llms.txt +16 -16
- package/src/lib/tabs/llms.txt +10 -10
- package/src/lib/textarea/llms.txt +5 -5
- package/src/lib/timeline/llms.txt +10 -10
- package/src/lib/toast/llms.txt +10 -10
- package/src/lib/toolbar/llms.txt +31 -31
- package/src/lib/tooltip/llms.txt +21 -21
- package/src/lib/tree/llms.txt +6 -6
- package/types/konce-pt-angular-charts.d.ts +10 -199
- package/types/konce-pt-angular-charts.d.ts.map +1 -1
- package/types/konce-pt-angular-icons.d.ts +2 -4
- package/types/konce-pt-angular-icons.d.ts.map +1 -1
- package/types/konce-pt-angular-map.d.ts +4 -609
- package/types/konce-pt-angular-map.d.ts.map +1 -1
- package/types/konce-pt-angular-roadmap.d.ts +6 -541
- package/types/konce-pt-angular-roadmap.d.ts.map +1 -1
- package/types/konce-pt-angular.d.ts +57 -529
- package/types/konce-pt-angular.d.ts.map +1 -1
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
# KptCarousel (kpt-carousel)
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
A slide carousel (generic). Import: `import { KptCarousel } from '@konce-pt/angular';`
|
|
4
|
+
Data through `items`, the slide template through projection: `<ng-template let-item>`.
|
|
5
5
|
|
|
6
|
-
##
|
|
7
|
-
- `items`: T[] —
|
|
8
|
-
- `activeIndex`: model<number> (
|
|
6
|
+
## Inputs / model
|
|
7
|
+
- `items`: T[] — the slide data
|
|
8
|
+
- `activeIndex`: model<number> (default 0) — the two-way index of the active slide
|
|
9
9
|
|
|
10
|
-
##
|
|
11
|
-
- `<ng-template let-item let-i="index">` —
|
|
10
|
+
## Content projection
|
|
11
|
+
- `<ng-template let-item let-i="index">` — the template for a single slide; context: `$implicit` = the item, `index`.
|
|
12
12
|
|
|
13
|
-
##
|
|
13
|
+
## Methods
|
|
14
14
|
- `next()`, `prev()`, `goTo(index)`
|
|
15
15
|
|
|
16
|
-
##
|
|
16
|
+
## Example
|
|
17
17
|
<kpt-carousel [items]="photos">
|
|
18
18
|
<ng-template let-photo>
|
|
19
19
|
<img [src]="photo" style="width:100%" />
|
|
20
20
|
</ng-template>
|
|
21
21
|
</kpt-carousel>
|
|
22
22
|
|
|
23
|
-
##
|
|
24
|
-
|
|
23
|
+
## Tokens
|
|
24
|
+
Navigation and dots `--kpt-color-primary`; the arrow background `--kpt-color-surface-raised`.
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
# KptCheckbox (kpt-checkbox)
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
A checkbox on Signal Forms (`FormCheckboxControl`, the `checked` model).
|
|
4
4
|
Import: `import { KptCheckbox } from '@konce-pt/angular';`
|
|
5
5
|
|
|
6
|
-
##
|
|
7
|
-
<kpt-checkbox [formField]="f.terms" label="
|
|
6
|
+
## Usage
|
|
7
|
+
<kpt-checkbox [formField]="f.terms" label="I accept the terms" />
|
|
8
8
|
|
|
9
|
-
##
|
|
10
|
-
- `checked`: model<boolean> (
|
|
9
|
+
## Inputs
|
|
10
|
+
- `checked`: model<boolean> (the FormCheckboxControl contract)
|
|
11
11
|
- `label`: string
|
|
12
|
-
- `disabled` / `invalid` / `touched`: boolean (
|
|
12
|
+
- `disabled` / `invalid` / `touched`: boolean (bound by FormField); the `touch` output (blur)
|
|
13
13
|
|
|
14
|
-
##
|
|
14
|
+
## Tokens
|
|
15
15
|
`--kpt-color-primary`, `--kpt-color-on-primary`, `--kpt-form-field-border`, `--kpt-form-field-border-error`.
|
package/src/lib/chip/llms.txt
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
# KptChip (kpt-chip)
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
A chip / tag — a label, optionally removable. Import: `import { KptChip } from '@konce-pt/angular';`
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## Inputs / outputs
|
|
6
6
|
- `variant`: 'neutral'|'primary'|'success'|'danger'|'warning'|'info'
|
|
7
|
-
- `removable`: boolean (
|
|
7
|
+
- `removable`: boolean (a × button); `disabled`: boolean; `removed`: output<void>
|
|
8
8
|
|
|
9
|
-
##
|
|
9
|
+
## Examples
|
|
10
10
|
<kpt-chip>Angular</kpt-chip>
|
|
11
11
|
<kpt-chip variant="success" removable (removed)="onRemove()">UI</kpt-chip>
|
|
12
12
|
|
|
13
|
-
##
|
|
14
|
-
|
|
13
|
+
## Tokens
|
|
14
|
+
A color-mix background over the variant, `--kpt-color-muted` (neutral).
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
# KptChipsInput (kpt-chips-input)
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
A tag field — add with Enter or a comma, remove with Backspace or the × button. Signal Forms.
|
|
4
|
+
The value is a string[]. Items are rendered through `kpt-chip`.
|
|
5
5
|
Import: `import { KptChipsInput } from '@konce-pt/angular';`
|
|
6
6
|
|
|
7
|
-
##
|
|
8
|
-
- `value`: model<string[]> (
|
|
7
|
+
## Inputs / model
|
|
8
|
+
- `value`: model<string[]> (or `formField`)
|
|
9
9
|
- `placeholder`: string
|
|
10
|
-
- `allowDuplicates`: boolean (
|
|
10
|
+
- `allowDuplicates`: boolean (default false)
|
|
11
11
|
- `disabled`/`invalid`/`touched`: boolean; `touch`: output
|
|
12
12
|
|
|
13
|
-
##
|
|
14
|
-
<kpt-chips-input [formField]="f.tags" placeholder="
|
|
13
|
+
## Example
|
|
14
|
+
<kpt-chips-input [formField]="f.tags" placeholder="Add a tag…" />
|
|
15
15
|
<kpt-chips-input [(value)]="tags" />
|
|
16
16
|
|
|
17
|
-
##
|
|
18
|
-
|
|
17
|
+
## Tokens
|
|
18
|
+
The field uses `--kpt-form-field-*`; the tags inherit from `kpt-chip`.
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
# KptColorPicker (kpt-color-picker)
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Color selection (swatch + hex + presets) on Signal Forms. The value is a hex string, e.g. '#3b82f6'.
|
|
4
4
|
Import: `import { KptColorPicker } from '@konce-pt/angular';`
|
|
5
5
|
|
|
6
|
-
##
|
|
7
|
-
- `value`: model<string> (
|
|
8
|
-
- `presets`: string[] —
|
|
6
|
+
## Inputs / model
|
|
7
|
+
- `value`: model<string> (or `formField`) — the hex color
|
|
8
|
+
- `presets`: string[] — the quick-pick palette (8 colors by default)
|
|
9
9
|
- `disabled`/`invalid`/`touched`: boolean; `touch`: output
|
|
10
10
|
|
|
11
|
-
##
|
|
11
|
+
## Example
|
|
12
12
|
<kpt-color-picker [formField]="f.brand" />
|
|
13
13
|
<kpt-color-picker [(value)]="color" [presets]="['#ef4444','#3b82f6']" />
|
|
14
14
|
|
|
15
15
|
color = signal('#3b82f6');
|
|
16
16
|
|
|
17
|
-
##
|
|
18
|
-
|
|
17
|
+
## Tokens
|
|
18
|
+
The border `--kpt-form-field-border`; the active preset `--kpt-color-primary`.
|
package/src/lib/confirm/llms.txt
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
# KptConfirm (KptConfirmService + kpt-confirm-container)
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
A confirmation service built on `kpt-dialog`. Same pattern as `KptToastService`.
|
|
4
4
|
Import: `import { KptConfirmService, KptConfirmContainer } from '@konce-pt/angular';`
|
|
5
5
|
|
|
6
|
-
##
|
|
7
|
-
1.
|
|
8
|
-
2.
|
|
6
|
+
## Usage
|
|
7
|
+
1. Place `<kpt-confirm-container />` once in the application (next to `<kpt-toast-container />`).
|
|
8
|
+
2. Inject `KptConfirmService` and call `confirm(options)` → Promise<boolean>.
|
|
9
9
|
|
|
10
10
|
## KptConfirmOptions
|
|
11
|
-
- `message`: string (
|
|
11
|
+
- `message`: string (required); `header?`: string
|
|
12
12
|
- `acceptLabel?`/`rejectLabel?`: string; `variant?`: 'filled' | 'danger'; `icon?`: string
|
|
13
13
|
|
|
14
14
|
## i18n
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
The default labels (the header, Confirm, Cancel) come from i18n (the `confirm` namespace); the option fields take priority.
|
|
16
|
+
English by default; configured through `provideKptI18n` — see `i18n/llms.txt`.
|
|
17
17
|
|
|
18
|
-
##
|
|
18
|
+
## Example
|
|
19
19
|
const ok = await this.confirm.confirm({
|
|
20
|
-
message: '
|
|
20
|
+
message: 'Delete this record?', variant: 'danger', acceptLabel: 'Delete', icon: 'alert-triangle',
|
|
21
21
|
});
|
|
22
22
|
if (ok) { /* ... */ }
|
|
23
23
|
|
|
24
|
-
##
|
|
25
|
-
|
|
24
|
+
## Tokens
|
|
25
|
+
Inherited from `kpt-dialog`; the icon follows the variant (`--kpt-color-danger` / `--kpt-color-primary`).
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
# KptContextMenu (kpt-context-menu)
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
A context menu (right mouse button) over the projected area. The panel is positioned at the cursor.
|
|
4
4
|
Import: `import { KptContextMenu } from '@konce-pt/angular';`
|
|
5
5
|
|
|
6
|
-
##
|
|
6
|
+
## Inputs / outputs
|
|
7
7
|
- `items`: KptMenuItem<T>[] — { label, icon?, danger?, disabled?, separator? }
|
|
8
|
-
|
|
9
|
-
(
|
|
10
|
-
- `selected`: KptMenuItem<T> —
|
|
11
|
-
-
|
|
8
|
+
It also honors `header` (a non-clickable row with `avatar`/`label`/`description`), `description`
|
|
9
|
+
(a second line) and `badge` + `badgeVariant` (a badge on the right) — described in full in menu/llms.txt.
|
|
10
|
+
- `selected`: KptMenuItem<T> — the picked entry
|
|
11
|
+
- The area that reacts to the right mouse button comes through `<ng-content>`.
|
|
12
12
|
|
|
13
|
-
##
|
|
13
|
+
## Example
|
|
14
14
|
<kpt-context-menu [items]="items" (selected)="onSelect($event)">
|
|
15
|
-
<div class="
|
|
15
|
+
<div class="area">Right-click here</div>
|
|
16
16
|
</kpt-context-menu>
|
|
17
17
|
|
|
18
|
-
##
|
|
19
|
-
|
|
18
|
+
## Tokens
|
|
19
|
+
The panel `--kpt-color-surface-raised`, `--kpt-elevation-3`.
|