@skyux/code-examples 12.41.1 → 12.42.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.
|
@@ -9502,6 +9502,7 @@ class ListsRepeaterAddRemoveExampleComponent {
|
|
|
9502
9502
|
note: 'There are 14 new prospects who are not assigned to fundraisers.',
|
|
9503
9503
|
status: 'Due tomorrow',
|
|
9504
9504
|
isSelected: false,
|
|
9505
|
+
isDisabled: true,
|
|
9505
9506
|
},
|
|
9506
9507
|
{
|
|
9507
9508
|
title: 'Process gift receipts',
|
|
@@ -9529,11 +9530,11 @@ class ListsRepeaterAddRemoveExampleComponent {
|
|
|
9529
9530
|
this.items = this.items.filter((item) => !item.isSelected);
|
|
9530
9531
|
}
|
|
9531
9532
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ListsRepeaterAddRemoveExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9532
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: ListsRepeaterAddRemoveExampleComponent, isStandalone: true, selector: "app-lists-repeater-add-remove-example", ngImport: i0, template: "<div class=\"sky-margin-stacked-lg\">\n <sky-repeater\n data-sky-id=\"repeater-example\"\n [expandMode]=\"'single'\"\n [reorderable]=\"true\"\n (orderChange)=\"changeItems($event)\"\n >\n @for (item of items; track item) {\n <sky-repeater-item\n [selectable]=\"true\"\n [tag]=\"item.note\"\n [(isSelected)]=\"item.isSelected\"\n >\n <sky-repeater-item-title class=\"example-repeater-flex\">\n <div class=\"example-repeater-item-title\">\n {{ item.title }}\n </div>\n <div>\n {{ item.status }}\n </div>\n </sky-repeater-item-title>\n <sky-repeater-item-context-menu>\n <sky-dropdown buttonType=\"context-menu\">\n <sky-dropdown-menu>\n <sky-dropdown-item>\n <button type=\"button\" (click)=\"onActionClicked('Action 1')\">\n Action 1\n </button>\n </sky-dropdown-item>\n <sky-dropdown-item>\n <button type=\"button\" (click)=\"onActionClicked('Action 2')\">\n Action 2\n </button>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n </sky-dropdown>\n </sky-repeater-item-context-menu>\n <sky-repeater-item-content>\n {{ item.note }}\n </sky-repeater-item-content>\n </sky-repeater-item>\n }\n </sky-repeater>\n</div>\n\n<button\n data-sky-id=\"add-button\"\n class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n type=\"button\"\n (click)=\"addItem()\"\n>\n Add item\n</button>\n\n<button\n data-sky-id=\"remove-button\"\n class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n type=\"button\"\n (click)=\"removeItems()\"\n>\n Remove selected items\n</button>\n", styles: [".example-repeater-flex{display:flex;flex-wrap:wrap}.example-repeater-flex .example-repeater-item-title{flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: SkyDropdownModule }, { kind: "component", type: i1$3.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { kind: "component", type: i1$3.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }, { kind: "component", type: i1$3.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { kind: "ngmodule", type: SkyRepeaterModule }, { kind: "component", type: i2$3.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { kind: "component", type: i2$3.λ10, selector: "sky-repeater-item", inputs: ["disabled", "itemName", "inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { kind: "component", type: i2$3.λ8, selector: "sky-repeater-item-content" }, { kind: "component", type: i2$3.λ9, selector: "sky-repeater-item-context-menu" }, { kind: "component", type: i2$3.λ12, selector: "sky-repeater-item-title" }] }); }
|
|
9533
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: ListsRepeaterAddRemoveExampleComponent, isStandalone: true, selector: "app-lists-repeater-add-remove-example", ngImport: i0, template: "<div class=\"sky-margin-stacked-lg\">\n <sky-repeater\n data-sky-id=\"repeater-example\"\n [expandMode]=\"'single'\"\n [reorderable]=\"true\"\n (orderChange)=\"changeItems($event)\"\n >\n @for (item of items; track item) {\n <sky-repeater-item\n [selectable]=\"true\"\n [tag]=\"item.note\"\n [disabled]=\"item.isDisabled\"\n [(isSelected)]=\"item.isSelected\"\n >\n <sky-repeater-item-title class=\"example-repeater-flex\">\n <div class=\"example-repeater-item-title\">\n {{ item.title }}\n </div>\n <div>\n {{ item.status }}\n </div>\n </sky-repeater-item-title>\n <sky-repeater-item-context-menu>\n <sky-dropdown buttonType=\"context-menu\">\n <sky-dropdown-menu>\n <sky-dropdown-item>\n <button type=\"button\" (click)=\"onActionClicked('Action 1')\">\n Action 1\n </button>\n </sky-dropdown-item>\n <sky-dropdown-item>\n <button type=\"button\" (click)=\"onActionClicked('Action 2')\">\n Action 2\n </button>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n </sky-dropdown>\n </sky-repeater-item-context-menu>\n <sky-repeater-item-content>\n {{ item.note }}\n </sky-repeater-item-content>\n </sky-repeater-item>\n }\n </sky-repeater>\n</div>\n\n<button\n data-sky-id=\"add-button\"\n class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n type=\"button\"\n (click)=\"addItem()\"\n>\n Add item\n</button>\n\n<button\n data-sky-id=\"remove-button\"\n class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n type=\"button\"\n (click)=\"removeItems()\"\n>\n Remove selected items\n</button>\n", styles: [".example-repeater-flex{display:flex;flex-wrap:wrap}.example-repeater-flex .example-repeater-item-title{flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: SkyDropdownModule }, { kind: "component", type: i1$3.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { kind: "component", type: i1$3.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }, { kind: "component", type: i1$3.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { kind: "ngmodule", type: SkyRepeaterModule }, { kind: "component", type: i2$3.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { kind: "component", type: i2$3.λ10, selector: "sky-repeater-item", inputs: ["disabled", "itemName", "inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { kind: "component", type: i2$3.λ8, selector: "sky-repeater-item-content" }, { kind: "component", type: i2$3.λ9, selector: "sky-repeater-item-context-menu" }, { kind: "component", type: i2$3.λ12, selector: "sky-repeater-item-title" }] }); }
|
|
9533
9534
|
}
|
|
9534
9535
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ListsRepeaterAddRemoveExampleComponent, decorators: [{
|
|
9535
9536
|
type: Component,
|
|
9536
|
-
args: [{ selector: 'app-lists-repeater-add-remove-example', imports: [SkyDropdownModule, SkyRepeaterModule], template: "<div class=\"sky-margin-stacked-lg\">\n <sky-repeater\n data-sky-id=\"repeater-example\"\n [expandMode]=\"'single'\"\n [reorderable]=\"true\"\n (orderChange)=\"changeItems($event)\"\n >\n @for (item of items; track item) {\n <sky-repeater-item\n [selectable]=\"true\"\n [tag]=\"item.note\"\n [(isSelected)]=\"item.isSelected\"\n >\n <sky-repeater-item-title class=\"example-repeater-flex\">\n <div class=\"example-repeater-item-title\">\n {{ item.title }}\n </div>\n <div>\n {{ item.status }}\n </div>\n </sky-repeater-item-title>\n <sky-repeater-item-context-menu>\n <sky-dropdown buttonType=\"context-menu\">\n <sky-dropdown-menu>\n <sky-dropdown-item>\n <button type=\"button\" (click)=\"onActionClicked('Action 1')\">\n Action 1\n </button>\n </sky-dropdown-item>\n <sky-dropdown-item>\n <button type=\"button\" (click)=\"onActionClicked('Action 2')\">\n Action 2\n </button>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n </sky-dropdown>\n </sky-repeater-item-context-menu>\n <sky-repeater-item-content>\n {{ item.note }}\n </sky-repeater-item-content>\n </sky-repeater-item>\n }\n </sky-repeater>\n</div>\n\n<button\n data-sky-id=\"add-button\"\n class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n type=\"button\"\n (click)=\"addItem()\"\n>\n Add item\n</button>\n\n<button\n data-sky-id=\"remove-button\"\n class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n type=\"button\"\n (click)=\"removeItems()\"\n>\n Remove selected items\n</button>\n", styles: [".example-repeater-flex{display:flex;flex-wrap:wrap}.example-repeater-flex .example-repeater-item-title{flex-grow:1}\n"] }]
|
|
9537
|
+
args: [{ selector: 'app-lists-repeater-add-remove-example', imports: [SkyDropdownModule, SkyRepeaterModule], template: "<div class=\"sky-margin-stacked-lg\">\n <sky-repeater\n data-sky-id=\"repeater-example\"\n [expandMode]=\"'single'\"\n [reorderable]=\"true\"\n (orderChange)=\"changeItems($event)\"\n >\n @for (item of items; track item) {\n <sky-repeater-item\n [selectable]=\"true\"\n [tag]=\"item.note\"\n [disabled]=\"item.isDisabled\"\n [(isSelected)]=\"item.isSelected\"\n >\n <sky-repeater-item-title class=\"example-repeater-flex\">\n <div class=\"example-repeater-item-title\">\n {{ item.title }}\n </div>\n <div>\n {{ item.status }}\n </div>\n </sky-repeater-item-title>\n <sky-repeater-item-context-menu>\n <sky-dropdown buttonType=\"context-menu\">\n <sky-dropdown-menu>\n <sky-dropdown-item>\n <button type=\"button\" (click)=\"onActionClicked('Action 1')\">\n Action 1\n </button>\n </sky-dropdown-item>\n <sky-dropdown-item>\n <button type=\"button\" (click)=\"onActionClicked('Action 2')\">\n Action 2\n </button>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n </sky-dropdown>\n </sky-repeater-item-context-menu>\n <sky-repeater-item-content>\n {{ item.note }}\n </sky-repeater-item-content>\n </sky-repeater-item>\n }\n </sky-repeater>\n</div>\n\n<button\n data-sky-id=\"add-button\"\n class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n type=\"button\"\n (click)=\"addItem()\"\n>\n Add item\n</button>\n\n<button\n data-sky-id=\"remove-button\"\n class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n type=\"button\"\n (click)=\"removeItems()\"\n>\n Remove selected items\n</button>\n", styles: [".example-repeater-flex{display:flex;flex-wrap:wrap}.example-repeater-flex .example-repeater-item-title{flex-grow:1}\n"] }]
|
|
9537
9538
|
}] });
|
|
9538
9539
|
|
|
9539
9540
|
/**
|