yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

implement UmbLitElement

Browse Source
This commit is contained in:
Niels Lyngsø
2023-01-04 09:31:03 +01:00
parent b911192cdc
commit ec475f4107
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/Umbraco.Web.UI.Client/src/backoffice/shared/collection/collection-selection-actions.element.ts
View File

@@ -1,13 +1,12 @@
import { UUITextStyles } from '@umbraco-ui/uui-css';
import { css, html, LitElement, nothing } from 'lit';
import { css, html, nothing } from 'lit';
import { customElement, property, state } from 'lit/decorators.js';
import type { UmbCollectionContext } from './collection.context';
import { UmbContextConsumerMixin } from '@umbraco-cms/context-api';
import type { MediaDetails } from '@umbraco-cms/models';
import { UmbObserverMixin } from '@umbraco-cms/observable-api';
import { UmbLitElement } from 'src/core/element/lit-element.element';
@customElement('umb-collection-selection-actions')
export class UmbCollectionSelectionActionsElement extends UmbContextConsumerMixin(UmbObserverMixin(LitElement)) {
export class UmbCollectionSelectionActionsElement extends UmbLitElement {
static styles = [
UUITextStyles,
css`
@@ -58,11 +57,11 @@ export class UmbCollectionSelectionActionsElement extends UmbContextConsumerMixi
// TODO: Make sure it only updates on length change.
this.observe<Array<MediaDetails>>(this._collectionContext.data, (mediaItems) => {
this._nodesLength = mediaItems.length;
this._nodesLength = mediaItems?.length || 0;
});
this.observe<Array<string>>(this._collectionContext.selection, (selection) => {
this._selectionLength = selection.length;
this._selectionLength = selection?.length || 0;
});
}