@cityway/bo-ui 1.1.0-beta006 → 1.1.0-beta007
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.
|
Binary file
|
|
@@ -149,11 +149,11 @@ class DragNDropListComponent {
|
|
|
149
149
|
this.activeItemsChange.emit(this.activeItems());
|
|
150
150
|
}
|
|
151
151
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: DragNDropListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
152
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.20", type: DragNDropListComponent, isStandalone: true, selector: "cw-drag-n-drop-list", inputs: { availableItems: { classPropertyName: "availableItems", publicName: "availableItems", isSignal: true, isRequired: false, transformFunction: null }, activeItems: { classPropertyName: "activeItems", publicName: "activeItems", isSignal: true, isRequired: false, transformFunction: null }, adapter: { classPropertyName: "adapter", publicName: "adapter", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null }, availableColumn: { classPropertyName: "availableColumn", publicName: "availableColumn", isSignal: true, isRequired: false, transformFunction: null }, activeColumn: { classPropertyName: "activeColumn", publicName: "activeColumn", isSignal: true, isRequired: false, transformFunction: null }, reorderOnDrop: { classPropertyName: "reorderOnDrop", publicName: "reorderOnDrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { availableItemsChange: "availableItemsChange", activeItemsChange: "activeItemsChange" }, ngImport: i0, template: "<div class=\"drag-drop-list row\">\
|
|
152
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.20", type: DragNDropListComponent, isStandalone: true, selector: "cw-drag-n-drop-list", inputs: { availableItems: { classPropertyName: "availableItems", publicName: "availableItems", isSignal: true, isRequired: false, transformFunction: null }, activeItems: { classPropertyName: "activeItems", publicName: "activeItems", isSignal: true, isRequired: false, transformFunction: null }, adapter: { classPropertyName: "adapter", publicName: "adapter", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null }, availableColumn: { classPropertyName: "availableColumn", publicName: "availableColumn", isSignal: true, isRequired: false, transformFunction: null }, activeColumn: { classPropertyName: "activeColumn", publicName: "activeColumn", isSignal: true, isRequired: false, transformFunction: null }, reorderOnDrop: { classPropertyName: "reorderOnDrop", publicName: "reorderOnDrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { availableItemsChange: "availableItemsChange", activeItemsChange: "activeItemsChange" }, ngImport: i0, template: "<div class=\"drag-drop-list row\">\n <div class=\"col-lg-6 d-flex-v gap-4xs\">\n <div class=\"fs fs-xs fw-bold\">{{ availableColumn().title | translate }}</div>\n @if (availableColumn().description; as description) {\n <p class=\"fs fs-xs\">{{ description | translate }}</p>\n }\n @if (availableColumn().descriptionRwd; as descriptionRwd) {\n <p class=\"d-sm-none fs fs-xs\" [innerHTML]=\"descriptionRwd | translate\"></p>\n }\n <ul class=\"list-unstyled drag-drop-list-column drag-drop-list-column-available\" [ngClass]=\"availableColumn().cssClass\"\n cdkDropList #availableList=\"cdkDropList\"\n [cdkDropListData]=\"_available\"\n [cdkDropListConnectedTo]=\"[activeList]\"\n (cdkDropListDropped)=\"drop($event)\">\n @for (item of _available; track item.id) {\n <li cdkDrag [cdkDragDisabled]=\"item.disabled ?? false\">\n <cw-card>\n <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultTemplate; context: { $implicit: item }\"/>\n </cw-card>\n </li>\n }\n </ul>\n </div>\n\n <div class=\"col-lg-6 d-flex-v gap-4xs\">\n <div class=\"fs fs-xs fw-bold\">{{ activeColumn().title | translate }}</div>\n @if (activeColumn().description; as description) {\n <p class=\"fs fs-xs\">{{ description | translate }}</p>\n }\n @if (activeColumn().descriptionRwd; as descriptionRwd) {\n <p class=\"d-sm-none fs fs-xs\" [innerHTML]=\"descriptionRwd | translate\"></p>\n }\n <ul class=\"list-unstyled drag-drop-list-column drag-drop-list-column-active\" [ngClass]=\"activeColumn().cssClass\"\n cdkDropList #activeList=\"cdkDropList\"\n [cdkDropListData]=\"_active\"\n [cdkDropListConnectedTo]=\"[availableList]\"\n (cdkDropListDropped)=\"drop($event)\">\n @for (item of _active; track item.id) {\n <li cdkDrag [cdkDragDisabled]=\"item.disabled ?? false\">\n <cw-card>\n <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultTemplate; context: { $implicit: item }\"/>\n </cw-card>\n </li>\n }\n </ul>\n </div>\n</div>\n\n<ng-template #defaultTemplate let-item>\n <div class=\"default-item d-flex justify-content-between\">\n <span>\n {{ item.label }}\n @if (item.code) { <span class=\"text-muted\">({{ item.code }})</span> }\n </span>\n @if (item.order != null) {\n <span class=\"fw-bold\">#{{ item.order }}</span>\n }\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i1$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: CardComponent, selector: "cw-card", inputs: ["title", "subtitle", "type", "titleRank", "cssClass", "collapsible", "collapsed", "disabled", "collapseLocked", "collapseStretched", "collapseId", "destroyOnHide"], outputs: ["collapsibleChange", "destroyOnHideChange", "collapseClicked"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
153
153
|
}
|
|
154
154
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: DragNDropListComponent, decorators: [{
|
|
155
155
|
type: Component,
|
|
156
|
-
args: [{ selector: 'cw-drag-n-drop-list', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, NgTemplateOutlet, TranslateModule, DragDropModule, CardComponent], template: "<div class=\"drag-drop-list row\">\
|
|
156
|
+
args: [{ selector: 'cw-drag-n-drop-list', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, NgTemplateOutlet, TranslateModule, DragDropModule, CardComponent], template: "<div class=\"drag-drop-list row\">\n <div class=\"col-lg-6 d-flex-v gap-4xs\">\n <div class=\"fs fs-xs fw-bold\">{{ availableColumn().title | translate }}</div>\n @if (availableColumn().description; as description) {\n <p class=\"fs fs-xs\">{{ description | translate }}</p>\n }\n @if (availableColumn().descriptionRwd; as descriptionRwd) {\n <p class=\"d-sm-none fs fs-xs\" [innerHTML]=\"descriptionRwd | translate\"></p>\n }\n <ul class=\"list-unstyled drag-drop-list-column drag-drop-list-column-available\" [ngClass]=\"availableColumn().cssClass\"\n cdkDropList #availableList=\"cdkDropList\"\n [cdkDropListData]=\"_available\"\n [cdkDropListConnectedTo]=\"[activeList]\"\n (cdkDropListDropped)=\"drop($event)\">\n @for (item of _available; track item.id) {\n <li cdkDrag [cdkDragDisabled]=\"item.disabled ?? false\">\n <cw-card>\n <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultTemplate; context: { $implicit: item }\"/>\n </cw-card>\n </li>\n }\n </ul>\n </div>\n\n <div class=\"col-lg-6 d-flex-v gap-4xs\">\n <div class=\"fs fs-xs fw-bold\">{{ activeColumn().title | translate }}</div>\n @if (activeColumn().description; as description) {\n <p class=\"fs fs-xs\">{{ description | translate }}</p>\n }\n @if (activeColumn().descriptionRwd; as descriptionRwd) {\n <p class=\"d-sm-none fs fs-xs\" [innerHTML]=\"descriptionRwd | translate\"></p>\n }\n <ul class=\"list-unstyled drag-drop-list-column drag-drop-list-column-active\" [ngClass]=\"activeColumn().cssClass\"\n cdkDropList #activeList=\"cdkDropList\"\n [cdkDropListData]=\"_active\"\n [cdkDropListConnectedTo]=\"[availableList]\"\n (cdkDropListDropped)=\"drop($event)\">\n @for (item of _active; track item.id) {\n <li cdkDrag [cdkDragDisabled]=\"item.disabled ?? false\">\n <cw-card>\n <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultTemplate; context: { $implicit: item }\"/>\n </cw-card>\n </li>\n }\n </ul>\n </div>\n</div>\n\n<ng-template #defaultTemplate let-item>\n <div class=\"default-item d-flex justify-content-between\">\n <span>\n {{ item.label }}\n @if (item.code) { <span class=\"text-muted\">({{ item.code }})</span> }\n </span>\n @if (item.order != null) {\n <span class=\"fw-bold\">#{{ item.order }}</span>\n }\n </div>\n</ng-template>\n" }]
|
|
157
157
|
}], ctorParameters: () => [], propDecorators: { availableItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "availableItems", required: false }] }], activeItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeItems", required: false }] }], adapter: [{ type: i0.Input, args: [{ isSignal: true, alias: "adapter", required: false }] }], itemTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTemplate", required: false }] }], availableColumn: [{ type: i0.Input, args: [{ isSignal: true, alias: "availableColumn", required: false }] }], activeColumn: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeColumn", required: false }] }], reorderOnDrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "reorderOnDrop", required: false }] }], availableItemsChange: [{ type: i0.Output, args: ["availableItemsChange"] }], activeItemsChange: [{ type: i0.Output, args: ["activeItemsChange"] }] } });
|
|
158
158
|
|
|
159
159
|
class DragNDropNestedListComponent {
|