@qalma/kit 0.5.0 → 0.6.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/README.md +2 -2
- package/fesm2022/qalma-kit-headless.mjs +9 -9
- package/fesm2022/qalma-kit.mjs +24 -24
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -27,8 +27,8 @@ npm install @qalma/editor @qalma/kit @ng-icons/core @ng-icons/lucide
|
|
|
27
27
|
|
|
28
28
|
Peer dependencies:
|
|
29
29
|
|
|
30
|
-
- `@angular/core` `>=21 <
|
|
31
|
-
- `@angular/common` `>=21 <
|
|
30
|
+
- `@angular/core` `>=21 <23`
|
|
31
|
+
- `@angular/common` `>=21 <23`
|
|
32
32
|
- `@qalma/editor`
|
|
33
33
|
- `@ng-icons/core`
|
|
34
34
|
- `@ng-icons/lucide`
|
|
@@ -230,10 +230,10 @@ class QalmaSuggestionMenu {
|
|
|
230
230
|
optionsScroller() {
|
|
231
231
|
return this.elementRef.nativeElement.querySelector(`[${SUGGESTION_OPTIONS_SCROLLER_ATTR}]`);
|
|
232
232
|
}
|
|
233
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
234
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
233
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaSuggestionMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
234
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", type: QalmaSuggestionMenu, isStandalone: true, inputs: { placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activate: "activate", pick: "pick", dismiss: "dismiss" }, ngImport: i0 });
|
|
235
235
|
}
|
|
236
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
236
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaSuggestionMenu, decorators: [{
|
|
237
237
|
type: Directive
|
|
238
238
|
}], propDecorators: { placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], activeIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIndex", required: false }] }], activate: [{ type: i0.Output, args: ["activate"] }], pick: [{ type: i0.Output, args: ["pick"] }], dismiss: [{ type: i0.Output, args: ["dismiss"] }] } });
|
|
239
239
|
|
|
@@ -596,10 +596,10 @@ class QalmaDragHandleDirective {
|
|
|
596
596
|
startDrag(event, handle) {
|
|
597
597
|
this.controller.startDrag(event, handle);
|
|
598
598
|
}
|
|
599
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
600
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
599
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
600
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", type: QalmaDragHandleDirective, isStandalone: true, selector: "[qalmaDragHandle]", inputs: { editor: { classPropertyName: "editor", publicName: "qalmaDragHandle", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["qalmaDragHandle"], ngImport: i0 });
|
|
601
601
|
}
|
|
602
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
602
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaDragHandleDirective, decorators: [{
|
|
603
603
|
type: Directive,
|
|
604
604
|
args: [{
|
|
605
605
|
exportAs: 'qalmaDragHandle',
|
|
@@ -763,10 +763,10 @@ class QalmaSelectionToolbarDirective {
|
|
|
763
763
|
hide() {
|
|
764
764
|
this.controller.hide();
|
|
765
765
|
}
|
|
766
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
767
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
766
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaSelectionToolbarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
767
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", type: QalmaSelectionToolbarDirective, isStandalone: true, selector: "[qalmaSelectionToolbar]", inputs: { editor: { classPropertyName: "editor", publicName: "qalmaSelectionToolbar", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["qalmaSelectionToolbar"], ngImport: i0 });
|
|
768
768
|
}
|
|
769
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
769
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaSelectionToolbarDirective, decorators: [{
|
|
770
770
|
type: Directive,
|
|
771
771
|
args: [{
|
|
772
772
|
exportAs: 'qalmaSelectionToolbar',
|
package/fesm2022/qalma-kit.mjs
CHANGED
|
@@ -44,8 +44,8 @@ class QalmaToolbarButton {
|
|
|
44
44
|
/** Optional icon-size class override (default: `text-[0.9rem]`). */
|
|
45
45
|
iconClass = input('text-[0.9rem]', ...(ngDevMode ? [{ debugName: "iconClass" }] : /* istanbul ignore next */ []));
|
|
46
46
|
buttonClass = TOOLBAR_BUTTON_CLASS;
|
|
47
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
48
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
47
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaToolbarButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
48
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: QalmaToolbarButton, isStandalone: true, selector: "qalma-toolbar-button", inputs: { command: { classPropertyName: "command", publicName: "command", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, iconClass: { classPropertyName: "iconClass", publicName: "iconClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "contents" }, ngImport: i0, template: `
|
|
49
49
|
<button
|
|
50
50
|
type="button"
|
|
51
51
|
[qalmaCommand]="command()"
|
|
@@ -58,7 +58,7 @@ class QalmaToolbarButton {
|
|
|
58
58
|
</button>
|
|
59
59
|
`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: QalmaCommand, selector: "button[qalmaCommand]", inputs: ["qalmaCommand", "qalmaCommandValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
60
60
|
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaToolbarButton, decorators: [{
|
|
62
62
|
type: Component,
|
|
63
63
|
args: [{
|
|
64
64
|
selector: 'qalma-toolbar-button',
|
|
@@ -219,8 +219,8 @@ class QalmaToolbarRegistry {
|
|
|
219
219
|
asTemplate(item) {
|
|
220
220
|
return item.template;
|
|
221
221
|
}
|
|
222
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
223
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
222
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaToolbarRegistry, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
223
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: QalmaToolbarRegistry, isStandalone: true, selector: "qalma-toolbar-registry", inputs: { groups: { classPropertyName: "groups", publicName: "groups", isSignal: true, isRequired: true, transformFunction: null }, separatorClass: { classPropertyName: "separatorClass", publicName: "separatorClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "contents" }, ngImport: i0, template: `
|
|
224
224
|
@for (group of visibleGroups(); track $index; let first = $first) {
|
|
225
225
|
@if (!first) {
|
|
226
226
|
<span [class]="separatorClass()" aria-hidden="true"></span>
|
|
@@ -240,7 +240,7 @@ class QalmaToolbarRegistry {
|
|
|
240
240
|
}
|
|
241
241
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: QalmaToolbarButton, selector: "qalma-toolbar-button", inputs: ["command", "value", "icon", "label", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
242
242
|
}
|
|
243
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
243
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaToolbarRegistry, decorators: [{
|
|
244
244
|
type: Component,
|
|
245
245
|
args: [{
|
|
246
246
|
selector: 'qalma-toolbar-registry',
|
|
@@ -358,10 +358,10 @@ class QalmaButton {
|
|
|
358
358
|
variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
359
359
|
size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
360
360
|
computedClass = computed(() => cn(buttonVariants({ variant: this.variant(), size: this.size() }), this.initialClass), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
|
|
361
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
362
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
361
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaButton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
362
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", type: QalmaButton, isStandalone: true, selector: "button[qalmaBtn], a[qalmaBtn]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
|
|
363
363
|
}
|
|
364
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
364
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaButton, decorators: [{
|
|
365
365
|
type: Directive,
|
|
366
366
|
args: [{
|
|
367
367
|
selector: 'button[qalmaBtn], a[qalmaBtn]',
|
|
@@ -416,8 +416,8 @@ class QalmaDragHandle {
|
|
|
416
416
|
this.menuOpen.set(false);
|
|
417
417
|
this.dismiss.emit();
|
|
418
418
|
}
|
|
419
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
420
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
419
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaDragHandle, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
420
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: QalmaDragHandle, isStandalone: true, selector: "qalma-drag-handle", inputs: { editor: { classPropertyName: "editor", publicName: "editor", isSignal: true, isRequired: true, transformFunction: null }, handle: { classPropertyName: "handle", publicName: "handle", isSignal: true, isRequired: false, transformFunction: null }, dropIndicator: { classPropertyName: "dropIndicator", publicName: "dropIndicator", isSignal: true, isRequired: false, transformFunction: null }, draggedBlockHighlight: { classPropertyName: "draggedBlockHighlight", publicName: "draggedBlockHighlight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismiss: "dismiss", dragStart: "dragStart" }, providers: [
|
|
421
421
|
provideIcons({
|
|
422
422
|
lucideArrowDown,
|
|
423
423
|
lucideArrowUp,
|
|
@@ -543,7 +543,7 @@ class QalmaDragHandle {
|
|
|
543
543
|
}
|
|
544
544
|
`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: QalmaButton, selector: "button[qalmaBtn], a[qalmaBtn]", inputs: ["variant", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
545
545
|
}
|
|
546
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
546
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaDragHandle, decorators: [{
|
|
547
547
|
type: Component,
|
|
548
548
|
args: [{
|
|
549
549
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -688,8 +688,8 @@ class QalmaMentionMenu extends QalmaSuggestionMenu {
|
|
|
688
688
|
suggestions = input([], ...(ngDevMode ? [{ debugName: "suggestions" }] : /* istanbul ignore next */ []));
|
|
689
689
|
loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
|
|
690
690
|
optionList = this.suggestions;
|
|
691
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
692
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
691
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaMentionMenu, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
692
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: QalmaMentionMenu, isStandalone: true, selector: "qalma-mention-menu", inputs: { suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
|
|
693
693
|
@if (placement(); as placement) {
|
|
694
694
|
<div
|
|
695
695
|
role="listbox"
|
|
@@ -766,7 +766,7 @@ class QalmaMentionMenu extends QalmaSuggestionMenu {
|
|
|
766
766
|
}
|
|
767
767
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
768
768
|
}
|
|
769
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
769
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaMentionMenu, decorators: [{
|
|
770
770
|
type: Component,
|
|
771
771
|
args: [{
|
|
772
772
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -868,8 +868,8 @@ class QalmaSlashCommandMenu extends QalmaSuggestionMenu {
|
|
|
868
868
|
queueMicrotask(() => this.scrollOptionIntoView(activeIndex));
|
|
869
869
|
});
|
|
870
870
|
}
|
|
871
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
872
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
871
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaSlashCommandMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
872
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: QalmaSlashCommandMenu, isStandalone: true, selector: "qalma-slash-command-menu", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
873
873
|
provideIcons({
|
|
874
874
|
lucideCode,
|
|
875
875
|
lucideHeading1,
|
|
@@ -966,7 +966,7 @@ class QalmaSlashCommandMenu extends QalmaSuggestionMenu {
|
|
|
966
966
|
}
|
|
967
967
|
`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
968
968
|
}
|
|
969
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
969
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaSlashCommandMenu, decorators: [{
|
|
970
970
|
type: Component,
|
|
971
971
|
args: [{
|
|
972
972
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -1088,8 +1088,8 @@ class QalmaLinkPopover {
|
|
|
1088
1088
|
this.hrefChange.emit(target.value);
|
|
1089
1089
|
}
|
|
1090
1090
|
}
|
|
1091
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1092
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
1091
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaLinkPopover, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1092
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: QalmaLinkPopover, isStandalone: true, selector: "qalma-link-popover", inputs: { popover: { classPropertyName: "popover", publicName: "popover", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { hrefChange: "hrefChange", edit: "edit", save: "save", remove: "remove", dismiss: "dismiss", keepOpen: "keepOpen", scheduleHide: "scheduleHide" }, providers: [
|
|
1093
1093
|
provideIcons({
|
|
1094
1094
|
lucideCheck,
|
|
1095
1095
|
lucideExternalLink,
|
|
@@ -1200,7 +1200,7 @@ class QalmaLinkPopover {
|
|
|
1200
1200
|
}
|
|
1201
1201
|
`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "directive", type: QalmaButton, selector: "button[qalmaBtn], a[qalmaBtn]", inputs: ["variant", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1202
1202
|
}
|
|
1203
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1203
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaLinkPopover, decorators: [{
|
|
1204
1204
|
type: Component,
|
|
1205
1205
|
args: [{
|
|
1206
1206
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -1355,8 +1355,8 @@ class QalmaContextualToolbar {
|
|
|
1355
1355
|
event.preventDefault();
|
|
1356
1356
|
this.dismiss.emit();
|
|
1357
1357
|
}
|
|
1358
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1359
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
1358
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaContextualToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1359
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: QalmaContextualToolbar, isStandalone: true, selector: "qalma-contextual-toolbar", inputs: { placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismiss: "dismiss" }, ngImport: i0, template: `
|
|
1360
1360
|
@if (placement(); as placement) {
|
|
1361
1361
|
<qalma-toolbar
|
|
1362
1362
|
[label]="label()"
|
|
@@ -1370,7 +1370,7 @@ class QalmaContextualToolbar {
|
|
|
1370
1370
|
}
|
|
1371
1371
|
`, isInline: true, dependencies: [{ kind: "component", type: QalmaToolbar, selector: "qalma-toolbar", inputs: ["label"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1372
1372
|
}
|
|
1373
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1373
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: QalmaContextualToolbar, decorators: [{
|
|
1374
1374
|
type: Component,
|
|
1375
1375
|
args: [{
|
|
1376
1376
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qalma/kit",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
4
|
"description": "Tailwind-first, themeable UI components for the Qalma editor.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -28,8 +28,8 @@
|
|
|
28
28
|
"tag": "latest"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
|
-
"@angular/core": ">=21.0.0 <
|
|
32
|
-
"@angular/common": ">=21.0.0 <
|
|
31
|
+
"@angular/core": ">=21.0.0 <23.0.0",
|
|
32
|
+
"@angular/common": ">=21.0.0 <23.0.0",
|
|
33
33
|
"@ng-icons/core": ">=33.0.0",
|
|
34
34
|
"@ng-icons/lucide": ">=33.0.0",
|
|
35
35
|
"@qalma/editor": ">=0.1.0-beta.0"
|