npm - @dnncommunity/dnn-elements - Versions diffs - 0.15.0-beta.2 → 0.15.0-beta.5 - Mend

@dnncommunity/dnn-elements 0.15.0-beta.2 → 0.15.0-beta.5

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.

Files changed (50) hide show

package/dist/collection/components/dnn-image-cropper/dnn-image-cropper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dnn-image-cropper.js","sourceRoot":"","sources":["../../../../src/components/dnn-image-cropper/dnn-image-cropper.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, State, Prop, Event, EventEmitter } from '@stencil/core';\nimport { CornerType } from './CornerType';\nimport { getMovementFromEvent } from \"../../utilities/mouseUtilities\";\n\n/*\n Allows cropping an image in-browser with the option to enforce a specific final size.\n * All computation happens in the browser and the final image is emmited\n * in an event that has a data-url of the image.\n /\n@Component({\n tag: 'dnn-image-cropper',\n styleUrl: 'dnn-image-cropper.scss',\n shadow: true,\n})\nexport class DnnImageCropper {\n /* Sets the desired final image width. /\n @Prop() width: number = 600;\n\n /* Sets the desired final image height. /\n @Prop() height: number = 600;\n\n /* Can be used to customize controls text.\n * Some values support tokens, see default values for examples.\n /\n @Prop() resx: {\n capture: string;\n dragAndDropFile: string;\n or: string;\n takePicture: string;\n uploadFile: string;\n imageTooSmall: string;\n modalCloseText: string;\n } = {\n capture: \"Capture\",\n dragAndDropFile: \"Drag and drop an image\",\n or: \"or\",\n takePicture: \"Take a picture\",\n uploadFile: \"Upload an image\",\n imageTooSmall: \"The image you are attempting to upload does not meet the minimum size requirement of {width} pixels by {height} pixels. Please upload a larger image.\",\n modalCloseText: \"Close\",\n }\n\n /* Sets the output quality of the corpped image (number between 0 and 1). /\n @Prop() quality: number = 0.8;\n\n /* When set to true, prevents cropping an image smaller than the required size, which would blow pixel and make the final picture look blurry. /\n @Prop() preventUndersized: boolean = false;\n\n /* When the image crop changes, emits the dataurl for the new cropped image. /\n @Event() imageCropChanged: EventEmitter<string>;\n\n @State() view: IComponentInterfaces[\"View\"];\n \n private host: HTMLElement;\n private hasPictureView: HTMLDivElement;\n private noPictureView: HTMLDivElement;\n private canvas: HTMLCanvasElement;\n private image: HTMLImageElement;\n private crop: HTMLDivElement;\n private previousTouch: Touch;\n private imageTooSmallModal!: HTMLDnnModalElement;\n\n componentDidLoad() {\n requestAnimationFrame(() => {\n this.setView(\"noPictureView\");\n })\n }\n\n private setView(newView: IComponentInterfaces[\"View\"]){\n const views = this.host.shadowRoot.querySelectorAll(\".view\");\n views.forEach(v =>\n v.classList.remove(\"visible\"));\n switch (newView) {\n case \"noPictureView\":\n this.noPictureView.classList.add(\"visible\");\n break;\n case \"hasPictureView\":\n this.hasPictureView.classList.add(\"visible\");\n break;\n default:\n break;\n }\n this.view = newView;\n }\n\n private initCrop(){\n var wantedRatio = this.width / this.height;\n var imageRect = this.image.getBoundingClientRect();\n var imageRatio = imageRect.width / imageRect.height;\n \n if (wantedRatio > imageRatio){\n var wantedHeight = imageRect.width / wantedRatio;\n var diff = imageRect.height - wantedHeight;\n this.crop.style.top = Math.round(diff/2).toString() + \"px\";\n this.crop.style.height = Math.round(wantedHeight).toString() + \"px\";\n }\n else{\n var wantedWidth = imageRect.height wantedRatio;\n var diff = imageRect.width - wantedWidth;\n this.crop.style.left = Math.round(diff/2).toString() + \"px\";\n this.crop.style.width = Math.round(wantedWidth).toString() + \"px\";\n }\n }\n\n private setImage(){\n this.image.addEventListener('load', () => {\n this.initCrop();\n this.emitImage();\n })\n this.image.src = this.canvas.toDataURL();\n }\n\n private handleNewFile(file: File): void {\n if (file.type.split('/')[0] != \"image\"){\n return;\n }\n \n var reader = new FileReader();\n reader.onload = readerLoadEvent => {\n var img = new Image();\n img.onload = () => {\n this.canvas.width = img.width;\n this.canvas.height = img.height;\n if (this.preventUndersized && (img.width < this.width \|\| img.height< this.height)){\n this.imageTooSmallModal.show();\n return;\n }\n var ctx = this.canvas.getContext(\"2d\");\n ctx.drawImage(img,0,0);\n this.setView(\"hasPictureView\");\n this.setImage();\n }\n img.src = readerLoadEvent.target.result.toString();\n }\n reader.readAsDataURL(file);\n }\n\n private handleCropMouseDown = (event: MouseEvent \| TouchEvent) => {\n event.stopPropagation();\n event.preventDefault();\n const element = event.target as HTMLElement;\n const className = element.classList[0];\n\n document.addEventListener(\"mouseup\", this.handleImageCropFinished, false);\n document.addEventListener(\"touchend\", this.handleImageCropFinished, false);\n switch (className) {\n case \"crop\":\n document.addEventListener(\"mousemove\", this.handleCropDrag, false);\n document.addEventListener(\"touchmove\", this.handleCropDrag, false)\n document.addEventListener(\"mouseup\", () => document.removeEventListener(\"mousemove\", this.handleCropDrag));\n document.addEventListener(\"touchend\", () => document.removeEventListener(\"touchmove\", this.handleCropDrag));\n break;\n case \"nw\":\n document.addEventListener(\"mousemove\", this.handleNwMouseMove, false);\n document.addEventListener(\"touchmove\", this.handleNwMouseMove, false)\n document.addEventListener(\"mouseup\", () => document.removeEventListener(\"mousemove\", this.handleNwMouseMove));\n document.addEventListener(\"touchend\", () => document.removeEventListener(\"touchmove\", this.handleNwMouseMove));\n break;\n case \"ne\":\n document.addEventListener(\"mousemove\", this.handleNeMouseMove, false);\n document.addEventListener(\"touchmove\", this.handleNeMouseMove, false)\n document.addEventListener(\"mouseup\", () => document.removeEventListener(\"mousemove\", this.handleNeMouseMove));\n document.addEventListener(\"touchend\", () => document.removeEventListener(\"touchmove\", this.handleNeMouseMove));\n break\n case \"se\":\n document.addEventListener(\"mousemove\", this.handleSeMouseMove, false);\n document.addEventListener(\"touchmove\", this.handleSeMouseMove, false)\n document.addEventListener(\"mouseup\", () => document.removeEventListener(\"mousemove\", this.handleSeMouseMove));\n document.addEventListener(\"touchend\", () => document.removeEventListener(\"touchmove\", this.handleSeMouseMove));\n break;\n case \"sw\":\n document.addEventListener(\"mousemove\", this.handleSwMouseMove, false);\n document.addEventListener(\"touchmove\", this.handleSwMouseMove, false)\n document.addEventListener(\"mouseup\", () => document.removeEventListener(\"mousemove\", this.handleSwMouseMove));\n document.addEventListener(\"touchend\", () => document.removeEventListener(\"touchmove\", this.handleSwMouseMove));\n break;\n default:\n break;\n }\n };\n\n private handleImageCropFinished = (_ev: MouseEvent) => {\n this.emitImage();\n document.removeEventListener(\"mouseup\", this.handleImageCropFinished);\n this.previousTouch = undefined;\n }\n\n private emitImage() {\n var x = this.crop.offsetLeft / this.image.width * this.image.naturalWidth;\n var y = this.crop.offsetTop / this.image.height * this.image.naturalHeight;\n\n var cropRect = this.crop.getBoundingClientRect();\n var width = cropRect.width / this.image.width * this.image.naturalWidth;\n var height = cropRect.height / this.image.height * this.image.naturalHeight;\n\n if (x < 0)\n x = 0;\n if (x > this.image.naturalWidth)\n x = this.image.naturalWidth;\n if (y < 0)\n y = 0;\n if (y > this.image.naturalWidth)\n y = this.image.naturalWidth;\n if (width > this.image.naturalWidth)\n width = this.image.naturalWidth;\n if (height > this.image.naturalHeight)\n height = this.image.naturalHeight;\n\n var dataUrl = this.generateCroppedImage(x, y, width, height, this.width, this.height);\n this.imageCropChanged.emit(dataUrl);\n }\n\n private generateCroppedImage(x: number, y: number, width: number, height: number, desiredWidth: number, desiredHeight: number) {\n this.canvas.width = desiredWidth;\n this.canvas.height = desiredHeight;\n const context = this.canvas.getContext(\"2d\");\n context.clearRect(0, 0, desiredWidth, desiredHeight);\n context.drawImage(this.image, x, y, width, height, 0, 0, desiredWidth, desiredHeight);\n\n return this.canvas.toDataURL(\"image/jpeg\", this.quality);\n }\n\n private handleNwMouseMove = (event: MouseEvent \| TouchEvent) => {\n this.handleCornerDrag(event, CornerType.nw);\n }\n\n private handleNeMouseMove = (event: MouseEvent \| TouchEvent) => {\n this.handleCornerDrag(event, CornerType.ne);\n }\n\n private handleSeMouseMove = (event: MouseEvent \| TouchEvent) => {\n this.handleCornerDrag(event, CornerType.se);\n }\n\n private handleSwMouseMove = (event: MouseEvent \| TouchEvent) => {\n this.handleCornerDrag(event, CornerType.sw);\n }\n\n private handleCornerDrag = (event: MouseEvent \| TouchEvent, corner: CornerType) => {\n if (!this.isMouseStillInTarget(event)){\n return;\n }\n \n let {left, top} = this.getCornerLeftTop(corner);\n let newWidth = 0;\n let newHeight = 0;\n let orientation: \"horizontal\" \| \"vertical\" = \"horizontal\";\n const wantedRatio = this.width / this.height;\n const cropRect = this.crop.getBoundingClientRect();\n const imageRect = this.image.getBoundingClientRect();\n let { movementX, movementY } = getMovementFromEvent(event, this.previousTouch);\n if (Math.abs(movementX) < Math.abs(movementY)){\n orientation = \"vertical\";\n }\n\n if (orientation == \"horizontal\"){\n switch (corner) {\n case CornerType.nw:\n case CornerType.sw:\n newWidth = cropRect.width - movementX;\n newHeight = newWidth / wantedRatio;\n break;\n case CornerType.ne:\n case CornerType.se:\n newWidth = cropRect.width + movementX;\n newHeight = newWidth / wantedRatio;\n break;\n default:\n break;\n }\n } else{\n switch (corner) {\n case CornerType.nw:\n case CornerType.ne:\n newHeight = cropRect.height - movementY;\n newWidth = newHeight * wantedRatio;\n break;\n case CornerType.se:\n case CornerType.sw:\n newHeight = cropRect.height + movementY;\n newWidth = newHeight * wantedRatio;\n break;\n default:\n break;\n }\n }\n\n switch (corner) {\n case CornerType.ne:\n case CornerType.nw:\n const topOffset = cropRect.height - newHeight;\n top = this.crop.offsetTop + topOffset;\n default:\n break;\n }\n\n switch (corner) {\n case CornerType.nw:\n case CornerType.sw:\n const leftOffset = cropRect.width - newWidth;\n left = this.crop.offsetLeft + leftOffset;\n if (left < 0) left = 0;\n if (left > imageRect.width) left = imageRect.width;\n if (top < 0) top = 0;\n if (top > imageRect.height) top = imageRect.height;\n if (left + newWidth > imageRect.width) newWidth = imageRect.width - left;\n if (top + newHeight > imageRect.height) newHeight = imageRect.height - top;\n break;\n case CornerType.ne:\n case CornerType.se:\n if (top < 0) top = 0;\n if (top > imageRect.height) top = imageRect.height;\n if (left + newWidth > imageRect.width) newWidth = imageRect.width - left;\n if (top + newHeight > imageRect.height) newHeight = imageRect.height - top;\n break;\n default:\n break;\n }\n\n if (newWidth / newHeight != wantedRatio){\n return;\n }\n\n if (this.preventUndersized){\n const zoomRatio = this.image.width / this.image.naturalWidth;\n if (newWidth / zoomRatio < this.width \|\| newHeight / zoomRatio < this.height){\n return;\n }\n }\n\n switch (corner) {\n case CornerType.ne:\n this.crop.style.top = `${top}px`;\n this.crop.style.width = `${newWidth}px`;\n this.crop.style.height = `${newHeight}px`;\n break;\n case CornerType.nw:\n this.crop.style.left = `${left}px`;\n this.crop.style.top = `${top}px`;\n this.crop.style.width = `${newWidth}px`;\n this.crop.style.height = `${newHeight}px`;\n break;\n case CornerType.se:\n this.crop.style.width = `${newWidth}px`;\n this.crop.style.height = `${newHeight}px`;\n break;\n case CornerType.sw:\n this.crop.style.left = `${left}px`;\n this.crop.style.width = `${newWidth}px`;\n this.crop.style.height = `${newHeight}px`;\n break;\n default:\n break;\n }\n }\n\n private getCornerLeftTop(corner: CornerType): { left: number; top: number; } {\n let left = 0;\n let top = 0;\n switch (corner) {\n case CornerType.se:\n left = this.crop.offsetLeft;\n top = this.crop.offsetTop;\n break;\n case CornerType.sw:\n top = this.crop.offsetTop;\n break;\n default:\n break;\n }\n return {top, left};\n }\n\n private handleCropDrag = (ev: MouseEvent \| TouchEvent) => {\n if (!this.isMouseStillInTarget(ev)){\n return;\n }\n let {movementX, movementY} = getMovementFromEvent(ev, this.previousTouch);\n let newLeft = this.crop.offsetLeft + movementX;\n let newTop = this.crop.offsetTop + movementY;\n var imageRect = this.image.getBoundingClientRect();\n var cropRect = this.crop.getBoundingClientRect();\n if (newLeft < 0){\n newLeft = 0;\n }\n if (newTop < 0){\n newTop = 0;\n }\n if (newLeft + cropRect.width > imageRect.width){\n newLeft = this.crop.offsetLeft;\n }\n if (newTop + cropRect.height > imageRect.height){\n newTop = this.crop.offsetTop;\n }\n this.crop.style.left = newLeft + \"px\";\n this.crop.style.top = newTop + \"px\";\n };\n\n private isMouseStillInTarget(event: MouseEvent \| TouchEvent) {\n var inside = false;\n let mouseX: number;\n let mouseY: number;\n const imageRect = this.image.getBoundingClientRect();\n \n if (event instanceof MouseEvent){\n mouseX = event.clientX;\n mouseY = event.clientY;\n }\n\n if (typeof TouchEvent !== \"undefined\"){\n if (event instanceof TouchEvent){\n var touch = event.touches[0];\n mouseX = touch.clientX;\n mouseY = touch.clientY;\n }\n }\n \n if (\n mouseX >= imageRect.x &&\n mouseY >= imageRect.y &&\n mouseX <= imageRect.left + imageRect.width &&\n mouseY <= imageRect.top + imageRect.height)\n {\n inside = true;\n }\n\n var corners = this.crop.querySelectorAll(\"div\");\n corners.forEach(corner =>{\n var cornerRect = corner.getBoundingClientRect();\n if (\n mouseX >= cornerRect.x &&\n mouseY >= cornerRect.y &&\n mouseX <= cornerRect.left + cornerRect.width &&\n mouseY <= cornerRect.top + cornerRect.height)\n {\n inside = true;\n }\n })\n\n return inside;\n }\n\n render() {\n return (\n <Host ref={el => this.host = el}>\n <canvas ref={el => this.canvas = el} />\n <div\n class=\"view\"\n ref={el => this.hasPictureView = el}\n >\n <div class=\"cropper\">\n <img ref={el => this.image = el} />\n <div class=\"backdrop\" />\n <div\n class=\"crop\"\n ref={e => this.crop = e}\n onMouseDown={this.handleCropMouseDown}\n onTouchStart={this.handleCropMouseDown}\n >\n <div class=\"nw\" />\n <div class=\"ne\" />\n <div class=\"se\" />\n <div class=\"sw\" />\n </div>\n </div>\n </div>\n <div\n class=\"view\"\n ref={el => this.noPictureView = el}>\n <dnn-dropzone\n allowCameraMode\n onFilesSelected={e => this.handleNewFile(e.detail[0])}\n resx={\n {\n capture: this.resx.capture,\n dragAndDropFile: this.resx.dragAndDropFile,\n or: this.resx.or,\n takePicture: this.resx.takePicture,\n uploadFile: this.resx.uploadFile,\n }\n }\n />\n </div>\n <dnn-modal ref={el => this.imageTooSmallModal = el} close-text={this.resx.modalCloseText}>\n <p>{this.resx.imageTooSmall.replace(\"{width}\", this.width.toString()).replace(\"{height}\", this.height.toString())}</p>\n </dnn-modal>\n </Host>\n );\n }\n}\n\ninterface IComponentInterfaces\n{\n View: \"noPictureView\" \| \"takingPictureView\" \| \"hasPictureView\" \| \"hasCroppedPictureView\";\n}"]}
1	+ {"version":3,"file":"dnn-image-cropper.js","sourceRoot":"","sources":["../../../src/components/dnn-image-cropper/dnn-image-cropper.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, State, Prop, Event, EventEmitter } from '@stencil/core';\nimport { CornerType } from './CornerType';\nimport { getMovementFromEvent } from \"../../utilities/mouseUtilities\";\n\n/*\n Allows cropping an image in-browser with the option to enforce a specific final size.\n * All computation happens in the browser and the final image is emmited\n * in an event that has a data-url of the image.\n /\n@Component({\n tag: 'dnn-image-cropper',\n styleUrl: 'dnn-image-cropper.scss',\n shadow: true,\n})\nexport class DnnImageCropper {\n /* Sets the desired final image width. /\n @Prop() width: number = 600;\n\n /* Sets the desired final image height. /\n @Prop() height: number = 600;\n\n /* Can be used to customize controls text.\n * Some values support tokens, see default values for examples.\n /\n @Prop() resx: {\n capture: string;\n dragAndDropFile: string;\n or: string;\n takePicture: string;\n uploadFile: string;\n imageTooSmall: string;\n modalCloseText: string;\n } = {\n capture: \"Capture\",\n dragAndDropFile: \"Drag and drop an image\",\n or: \"or\",\n takePicture: \"Take a picture\",\n uploadFile: \"Upload an image\",\n imageTooSmall: \"The image you are attempting to upload does not meet the minimum size requirement of {width} pixels by {height} pixels. Please upload a larger image.\",\n modalCloseText: \"Close\",\n }\n\n /* Sets the output quality of the corpped image (number between 0 and 1). /\n @Prop() quality: number = 0.8;\n\n /* When set to true, prevents cropping an image smaller than the required size, which would blow pixel and make the final picture look blurry. /\n @Prop() preventUndersized: boolean = false;\n\n /* When the image crop changes, emits the dataurl for the new cropped image. /\n @Event() imageCropChanged: EventEmitter<string>;\n\n @State() view: IComponentInterfaces[\"View\"];\n \n private host: HTMLElement;\n private hasPictureView: HTMLDivElement;\n private noPictureView: HTMLDivElement;\n private canvas: HTMLCanvasElement;\n private image: HTMLImageElement;\n private crop: HTMLDivElement;\n private previousTouch: Touch;\n private imageTooSmallModal!: HTMLDnnModalElement;\n\n componentDidLoad() {\n requestAnimationFrame(() => {\n this.setView(\"noPictureView\");\n })\n }\n\n private setView(newView: IComponentInterfaces[\"View\"]){\n const views = this.host.shadowRoot.querySelectorAll(\".view\");\n views.forEach(v =>\n v.classList.remove(\"visible\"));\n switch (newView) {\n case \"noPictureView\":\n this.noPictureView.classList.add(\"visible\");\n break;\n case \"hasPictureView\":\n this.hasPictureView.classList.add(\"visible\");\n break;\n default:\n break;\n }\n this.view = newView;\n }\n\n private initCrop(){\n var wantedRatio = this.width / this.height;\n var imageRect = this.image.getBoundingClientRect();\n var imageRatio = imageRect.width / imageRect.height;\n \n if (wantedRatio > imageRatio){\n var wantedHeight = imageRect.width / wantedRatio;\n var diff = imageRect.height - wantedHeight;\n this.crop.style.top = Math.round(diff/2).toString() + \"px\";\n this.crop.style.height = Math.round(wantedHeight).toString() + \"px\";\n }\n else{\n var wantedWidth = imageRect.height wantedRatio;\n var diff = imageRect.width - wantedWidth;\n this.crop.style.left = Math.round(diff/2).toString() + \"px\";\n this.crop.style.width = Math.round(wantedWidth).toString() + \"px\";\n }\n }\n\n private setImage(){\n this.image.addEventListener('load', () => {\n this.initCrop();\n this.emitImage();\n })\n this.image.src = this.canvas.toDataURL();\n }\n\n private handleNewFile(file: File): void {\n if (file.type.split('/')[0] != \"image\"){\n return;\n }\n \n var reader = new FileReader();\n reader.onload = readerLoadEvent => {\n var img = new Image();\n img.onload = () => {\n this.canvas.width = img.width;\n this.canvas.height = img.height;\n if (this.preventUndersized && (img.width < this.width \|\| img.height< this.height)){\n this.imageTooSmallModal.show();\n return;\n }\n var ctx = this.canvas.getContext(\"2d\");\n ctx.drawImage(img,0,0);\n this.setView(\"hasPictureView\");\n this.setImage();\n }\n img.src = readerLoadEvent.target.result.toString();\n }\n reader.readAsDataURL(file);\n }\n\n private handleCropMouseDown = (event: MouseEvent \| TouchEvent) => {\n event.stopPropagation();\n event.preventDefault();\n const element = event.target as HTMLElement;\n const className = element.classList[0];\n\n document.addEventListener(\"mouseup\", this.handleImageCropFinished, false);\n document.addEventListener(\"touchend\", this.handleImageCropFinished, false);\n switch (className) {\n case \"crop\":\n document.addEventListener(\"mousemove\", this.handleCropDrag, false);\n document.addEventListener(\"touchmove\", this.handleCropDrag, false)\n document.addEventListener(\"mouseup\", () => document.removeEventListener(\"mousemove\", this.handleCropDrag));\n document.addEventListener(\"touchend\", () => document.removeEventListener(\"touchmove\", this.handleCropDrag));\n break;\n case \"nw\":\n document.addEventListener(\"mousemove\", this.handleNwMouseMove, false);\n document.addEventListener(\"touchmove\", this.handleNwMouseMove, false)\n document.addEventListener(\"mouseup\", () => document.removeEventListener(\"mousemove\", this.handleNwMouseMove));\n document.addEventListener(\"touchend\", () => document.removeEventListener(\"touchmove\", this.handleNwMouseMove));\n break;\n case \"ne\":\n document.addEventListener(\"mousemove\", this.handleNeMouseMove, false);\n document.addEventListener(\"touchmove\", this.handleNeMouseMove, false)\n document.addEventListener(\"mouseup\", () => document.removeEventListener(\"mousemove\", this.handleNeMouseMove));\n document.addEventListener(\"touchend\", () => document.removeEventListener(\"touchmove\", this.handleNeMouseMove));\n break\n case \"se\":\n document.addEventListener(\"mousemove\", this.handleSeMouseMove, false);\n document.addEventListener(\"touchmove\", this.handleSeMouseMove, false)\n document.addEventListener(\"mouseup\", () => document.removeEventListener(\"mousemove\", this.handleSeMouseMove));\n document.addEventListener(\"touchend\", () => document.removeEventListener(\"touchmove\", this.handleSeMouseMove));\n break;\n case \"sw\":\n document.addEventListener(\"mousemove\", this.handleSwMouseMove, false);\n document.addEventListener(\"touchmove\", this.handleSwMouseMove, false)\n document.addEventListener(\"mouseup\", () => document.removeEventListener(\"mousemove\", this.handleSwMouseMove));\n document.addEventListener(\"touchend\", () => document.removeEventListener(\"touchmove\", this.handleSwMouseMove));\n break;\n default:\n break;\n }\n };\n\n private handleImageCropFinished = (_ev: MouseEvent) => {\n this.emitImage();\n document.removeEventListener(\"mouseup\", this.handleImageCropFinished);\n this.previousTouch = undefined;\n }\n\n private emitImage() {\n var x = this.crop.offsetLeft / this.image.width * this.image.naturalWidth;\n var y = this.crop.offsetTop / this.image.height * this.image.naturalHeight;\n\n var cropRect = this.crop.getBoundingClientRect();\n var width = cropRect.width / this.image.width * this.image.naturalWidth;\n var height = cropRect.height / this.image.height * this.image.naturalHeight;\n\n if (x < 0)\n x = 0;\n if (x > this.image.naturalWidth)\n x = this.image.naturalWidth;\n if (y < 0)\n y = 0;\n if (y > this.image.naturalWidth)\n y = this.image.naturalWidth;\n if (width > this.image.naturalWidth)\n width = this.image.naturalWidth;\n if (height > this.image.naturalHeight)\n height = this.image.naturalHeight;\n\n var dataUrl = this.generateCroppedImage(x, y, width, height, this.width, this.height);\n this.imageCropChanged.emit(dataUrl);\n }\n\n private generateCroppedImage(x: number, y: number, width: number, height: number, desiredWidth: number, desiredHeight: number) {\n this.canvas.width = desiredWidth;\n this.canvas.height = desiredHeight;\n const context = this.canvas.getContext(\"2d\");\n context.clearRect(0, 0, desiredWidth, desiredHeight);\n context.drawImage(this.image, x, y, width, height, 0, 0, desiredWidth, desiredHeight);\n\n return this.canvas.toDataURL(\"image/jpeg\", this.quality);\n }\n\n private handleNwMouseMove = (event: MouseEvent \| TouchEvent) => {\n this.handleCornerDrag(event, CornerType.nw);\n }\n\n private handleNeMouseMove = (event: MouseEvent \| TouchEvent) => {\n this.handleCornerDrag(event, CornerType.ne);\n }\n\n private handleSeMouseMove = (event: MouseEvent \| TouchEvent) => {\n this.handleCornerDrag(event, CornerType.se);\n }\n\n private handleSwMouseMove = (event: MouseEvent \| TouchEvent) => {\n this.handleCornerDrag(event, CornerType.sw);\n }\n\n private handleCornerDrag = (event: MouseEvent \| TouchEvent, corner: CornerType) => {\n if (!this.isMouseStillInTarget(event)){\n return;\n }\n \n let {left, top} = this.getCornerLeftTop(corner);\n let newWidth = 0;\n let newHeight = 0;\n let orientation: \"horizontal\" \| \"vertical\" = \"horizontal\";\n const wantedRatio = this.width / this.height;\n const cropRect = this.crop.getBoundingClientRect();\n const imageRect = this.image.getBoundingClientRect();\n let { movementX, movementY } = getMovementFromEvent(event, this.previousTouch);\n if (Math.abs(movementX) < Math.abs(movementY)){\n orientation = \"vertical\";\n }\n\n if (orientation == \"horizontal\"){\n switch (corner) {\n case CornerType.nw:\n case CornerType.sw:\n newWidth = cropRect.width - movementX;\n newHeight = newWidth / wantedRatio;\n break;\n case CornerType.ne:\n case CornerType.se:\n newWidth = cropRect.width + movementX;\n newHeight = newWidth / wantedRatio;\n break;\n default:\n break;\n }\n } else{\n switch (corner) {\n case CornerType.nw:\n case CornerType.ne:\n newHeight = cropRect.height - movementY;\n newWidth = newHeight * wantedRatio;\n break;\n case CornerType.se:\n case CornerType.sw:\n newHeight = cropRect.height + movementY;\n newWidth = newHeight * wantedRatio;\n break;\n default:\n break;\n }\n }\n\n switch (corner) {\n case CornerType.ne:\n case CornerType.nw:\n const topOffset = cropRect.height - newHeight;\n top = this.crop.offsetTop + topOffset;\n default:\n break;\n }\n\n switch (corner) {\n case CornerType.nw:\n case CornerType.sw:\n const leftOffset = cropRect.width - newWidth;\n left = this.crop.offsetLeft + leftOffset;\n if (left < 0) left = 0;\n if (left > imageRect.width) left = imageRect.width;\n if (top < 0) top = 0;\n if (top > imageRect.height) top = imageRect.height;\n if (left + newWidth > imageRect.width) newWidth = imageRect.width - left;\n if (top + newHeight > imageRect.height) newHeight = imageRect.height - top;\n break;\n case CornerType.ne:\n case CornerType.se:\n if (top < 0) top = 0;\n if (top > imageRect.height) top = imageRect.height;\n if (left + newWidth > imageRect.width) newWidth = imageRect.width - left;\n if (top + newHeight > imageRect.height) newHeight = imageRect.height - top;\n break;\n default:\n break;\n }\n\n if (newWidth / newHeight != wantedRatio){\n return;\n }\n\n if (this.preventUndersized){\n const zoomRatio = this.image.width / this.image.naturalWidth;\n if (newWidth / zoomRatio < this.width \|\| newHeight / zoomRatio < this.height){\n return;\n }\n }\n\n switch (corner) {\n case CornerType.ne:\n this.crop.style.top = `${top}px`;\n this.crop.style.width = `${newWidth}px`;\n this.crop.style.height = `${newHeight}px`;\n break;\n case CornerType.nw:\n this.crop.style.left = `${left}px`;\n this.crop.style.top = `${top}px`;\n this.crop.style.width = `${newWidth}px`;\n this.crop.style.height = `${newHeight}px`;\n break;\n case CornerType.se:\n this.crop.style.width = `${newWidth}px`;\n this.crop.style.height = `${newHeight}px`;\n break;\n case CornerType.sw:\n this.crop.style.left = `${left}px`;\n this.crop.style.width = `${newWidth}px`;\n this.crop.style.height = `${newHeight}px`;\n break;\n default:\n break;\n }\n }\n\n private getCornerLeftTop(corner: CornerType): { left: number; top: number; } {\n let left = 0;\n let top = 0;\n switch (corner) {\n case CornerType.se:\n left = this.crop.offsetLeft;\n top = this.crop.offsetTop;\n break;\n case CornerType.sw:\n top = this.crop.offsetTop;\n break;\n default:\n break;\n }\n return {top, left};\n }\n\n private handleCropDrag = (ev: MouseEvent \| TouchEvent) => {\n if (!this.isMouseStillInTarget(ev)){\n return;\n }\n let {movementX, movementY} = getMovementFromEvent(ev, this.previousTouch);\n let newLeft = this.crop.offsetLeft + movementX;\n let newTop = this.crop.offsetTop + movementY;\n var imageRect = this.image.getBoundingClientRect();\n var cropRect = this.crop.getBoundingClientRect();\n if (newLeft < 0){\n newLeft = 0;\n }\n if (newTop < 0){\n newTop = 0;\n }\n if (newLeft + cropRect.width > imageRect.width){\n newLeft = this.crop.offsetLeft;\n }\n if (newTop + cropRect.height > imageRect.height){\n newTop = this.crop.offsetTop;\n }\n this.crop.style.left = newLeft + \"px\";\n this.crop.style.top = newTop + \"px\";\n };\n\n private isMouseStillInTarget(event: MouseEvent \| TouchEvent) {\n var inside = false;\n let mouseX: number;\n let mouseY: number;\n const imageRect = this.image.getBoundingClientRect();\n \n if (event instanceof MouseEvent){\n mouseX = event.clientX;\n mouseY = event.clientY;\n }\n\n if (typeof TouchEvent !== \"undefined\"){\n if (event instanceof TouchEvent){\n var touch = event.touches[0];\n mouseX = touch.clientX;\n mouseY = touch.clientY;\n }\n }\n \n if (\n mouseX >= imageRect.x &&\n mouseY >= imageRect.y &&\n mouseX <= imageRect.left + imageRect.width &&\n mouseY <= imageRect.top + imageRect.height)\n {\n inside = true;\n }\n\n var corners = this.crop.querySelectorAll(\"div\");\n corners.forEach(corner =>{\n var cornerRect = corner.getBoundingClientRect();\n if (\n mouseX >= cornerRect.x &&\n mouseY >= cornerRect.y &&\n mouseX <= cornerRect.left + cornerRect.width &&\n mouseY <= cornerRect.top + cornerRect.height)\n {\n inside = true;\n }\n })\n\n return inside;\n }\n\n render() {\n return (\n <Host ref={el => this.host = el}>\n <canvas ref={el => this.canvas = el} />\n <div\n class=\"view\"\n ref={el => this.hasPictureView = el}\n >\n <div class=\"cropper\">\n <img ref={el => this.image = el} />\n <div class=\"backdrop\" />\n <div\n class=\"crop\"\n ref={e => this.crop = e}\n onMouseDown={this.handleCropMouseDown}\n onTouchStart={this.handleCropMouseDown}\n >\n <div class=\"nw\" />\n <div class=\"ne\" />\n <div class=\"se\" />\n <div class=\"sw\" />\n </div>\n </div>\n </div>\n <div\n class=\"view\"\n ref={el => this.noPictureView = el}>\n <dnn-dropzone\n allowCameraMode\n onFilesSelected={e => this.handleNewFile(e.detail[0])}\n resx={\n {\n capture: this.resx.capture,\n dragAndDropFile: this.resx.dragAndDropFile,\n or: this.resx.or,\n takePicture: this.resx.takePicture,\n uploadFile: this.resx.uploadFile,\n }\n }\n />\n </div>\n <dnn-modal ref={el => this.imageTooSmallModal = el} close-text={this.resx.modalCloseText}>\n <p>{this.resx.imageTooSmall.replace(\"{width}\", this.width.toString()).replace(\"{height}\", this.height.toString())}</p>\n </dnn-modal>\n </Host>\n );\n }\n}\n\ninterface IComponentInterfaces\n{\n View: \"noPictureView\" \| \"takingPictureView\" \| \"hasPictureView\" \| \"hasCroppedPictureView\";\n}"]}

package/dist/collection/components/dnn-image-cropper/dnn-image-cropper.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dnn-image-cropper.stories.js","sourceRoot":"","sources":["~~../../../../~~src/components/dnn-image-cropper/dnn-image-cropper.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,eAAe;EACX,KAAK,EAAE,wBAAwB;EAC/B,SAAS,EAAE,mBAAmB;EAC9B,UAAU,EAAE;IACR,OAAO,EAAE;MACL,OAAO,EAAE,CAAC,kBAAkB,CAAC;KAChC;IACD,KAAK,EAAG,MAAM;GACjB;EACD,QAAQ,EAAE;IACN,OAAO,EAAE;MACL,OAAO,EAAE,QAAQ;KACpB;IACD,QAAQ,EAAE;MACN,OAAO,EAAE,QAAQ;KACpB;IACD,mBAAmB,EAAE;MACjB,OAAO,EAAE,MAAM;KAClB;IACD,SAAS,EAAE;MACP,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;MAChE,OAAO,EAAE,QAAQ;KACpB;IACD,mBAAmB,EAAE;MACjB,OAAO,EAAE,SAAS;KACnB;GACF;CACA,CAAC;AAEV,MAAM,IAAI,GAQN;EACA,OAAO,EAAE,SAAS;EAClB,eAAe,EAAE,wBAAwB;EACzC,EAAE,EAAE,IAAI;EACR,WAAW,EAAE,gBAAgB;EAC7B,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,uJAAuJ;EACtK,cAAc,EAAE,OAAO;CAC1B,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CACtB,IAAI,CAAA;;oBAEY,IAAI,CAAC,IAAI;oBACT,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;qBACpB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;iCACV,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC;sBAC5C,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC;kCAClB,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC;;KAE9D,CAAC;AAEN,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;EAChB,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,iBAAiB,EAAE,kBAAkB;EACrC,OAAO,EAAE,GAAG;EACZ,iBAAiB,EAAE,KAAK;EACxB,IAAI;CACP,CAAC","sourcesContent":["import { html } from \"lit-html\";\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { Meta } from \"@storybook/web-components\";\nimport readme from './readme.md';\n\nexport default {\n title: 'Elements/Image Cropper',\n component: 'dnn-image-cropper',\n parameters: {\n actions: {\n handles: ['imageCropChanged'],\n },\n notes: readme,\n },\n argTypes: {\n 'width': {\n control: 'number',\n },\n 'height': {\n control: 'number',\n },\n 'allowedExtensions': {\n control: 'text',\n },\n 'quality': {\n options: [0.0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0],\n control: 'number',\n },\n 'preventUndersized': {\n control: 'boolean',\n },\n },\n} as Meta;\n\nconst resx:{\n capture: string;\n dragAndDropFile: string;\n or: string;\n takePicture: string;\n uploadFile: string;\n imageTooSmall: string;\n modalCloseText: string;\n} = {\n capture: \"Capture\",\n dragAndDropFile: \"Drag and drop an image\",\n or: \"or\",\n takePicture: \"Take a picture\",\n uploadFile: \"Upload an image\",\n imageTooSmall: \"The image you are attempting to upload does not meet the minimum size requirement of {width} pixels by {height} pixels. Please upload a larger image.\",\n modalCloseText: \"Close\",\n}\n\nconst Template = (args) =>\n html`\n <dnn-image-cropper\n .resx=${args.resx}\n width=${ifDefined(args.width)}\n height=${ifDefined(args.height)}\n allowed-extensions=${ifDefined(args.allowedExtensions)}\n quality=${ifDefined(args.captureQuality)}\n ?prevent-undersized=${ifDefined(args.preventUndersized)}>\n </dnn-image-cropper>\n `;\n\nexport const ImageCropper = Template.bind({});\nImageCropper.args = {\n width: 600,\n height: 600,\n allowedExtensions: 'jpg,jpeg,png,gif',\n quality: 0.8,\n preventUndersized: false,\n resx,\n};"]}
1	+ {"version":3,"file":"dnn-image-cropper.stories.js","sourceRoot":"","sources":["../../../src/components/dnn-image-cropper/dnn-image-cropper.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,eAAe;EACX,KAAK,EAAE,wBAAwB;EAC/B,SAAS,EAAE,mBAAmB;EAC9B,UAAU,EAAE;IACR,OAAO,EAAE;MACL,OAAO,EAAE,CAAC,kBAAkB,CAAC;KAChC;IACD,KAAK,EAAG,MAAM;GACjB;EACD,QAAQ,EAAE;IACN,OAAO,EAAE;MACL,OAAO,EAAE,QAAQ;KACpB;IACD,QAAQ,EAAE;MACN,OAAO,EAAE,QAAQ;KACpB;IACD,mBAAmB,EAAE;MACjB,OAAO,EAAE,MAAM;KAClB;IACD,SAAS,EAAE;MACP,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;MAChE,OAAO,EAAE,QAAQ;KACpB;IACD,mBAAmB,EAAE;MACjB,OAAO,EAAE,SAAS;KACnB;GACF;CACA,CAAC;AAEV,MAAM,IAAI,GAQN;EACA,OAAO,EAAE,SAAS;EAClB,eAAe,EAAE,wBAAwB;EACzC,EAAE,EAAE,IAAI;EACR,WAAW,EAAE,gBAAgB;EAC7B,UAAU,EAAE,iBAAiB;EAC7B,aAAa,EAAE,uJAAuJ;EACtK,cAAc,EAAE,OAAO;CAC1B,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CACtB,IAAI,CAAA;;oBAEY,IAAI,CAAC,IAAI;oBACT,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;qBACpB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;iCACV,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC;sBAC5C,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC;kCAClB,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC;;KAE9D,CAAC;AAEN,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;EAChB,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;EACX,iBAAiB,EAAE,kBAAkB;EACrC,OAAO,EAAE,GAAG;EACZ,iBAAiB,EAAE,KAAK;EACxB,IAAI;CACP,CAAC","sourcesContent":["import { html } from \"lit-html\";\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { Meta } from \"@storybook/web-components\";\nimport readme from './readme.md';\n\nexport default {\n title: 'Elements/Image Cropper',\n component: 'dnn-image-cropper',\n parameters: {\n actions: {\n handles: ['imageCropChanged'],\n },\n notes: readme,\n },\n argTypes: {\n 'width': {\n control: 'number',\n },\n 'height': {\n control: 'number',\n },\n 'allowedExtensions': {\n control: 'text',\n },\n 'quality': {\n options: [0.0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0],\n control: 'number',\n },\n 'preventUndersized': {\n control: 'boolean',\n },\n },\n} as Meta;\n\nconst resx:{\n capture: string;\n dragAndDropFile: string;\n or: string;\n takePicture: string;\n uploadFile: string;\n imageTooSmall: string;\n modalCloseText: string;\n} = {\n capture: \"Capture\",\n dragAndDropFile: \"Drag and drop an image\",\n or: \"or\",\n takePicture: \"Take a picture\",\n uploadFile: \"Upload an image\",\n imageTooSmall: \"The image you are attempting to upload does not meet the minimum size requirement of {width} pixels by {height} pixels. Please upload a larger image.\",\n modalCloseText: \"Close\",\n}\n\nconst Template = (args) =>\n html`\n <dnn-image-cropper\n .resx=${args.resx}\n width=${ifDefined(args.width)}\n height=${ifDefined(args.height)}\n allowed-extensions=${ifDefined(args.allowedExtensions)}\n quality=${ifDefined(args.captureQuality)}\n ?prevent-undersized=${ifDefined(args.preventUndersized)}>\n </dnn-image-cropper>\n `;\n\nexport const ImageCropper = Template.bind({});\nImageCropper.args = {\n width: 600,\n height: 600,\n allowedExtensions: 'jpg,jpeg,png,gif',\n quality: 0.8,\n preventUndersized: false,\n resx,\n};"]}

package/dist/collection/components/dnn-modal/dnn-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dnn-modal.js","sourceRoot":"","sources":["~~../../../../~~src/components/dnn-modal/dnn-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,EAAE,MAAM,eAAe,CAAC;AAO/F,MAAM,OAAO,QAAQ;EALrB;IASE;;OAEG;IACK,oBAAe,GAAY,IAAI,CAAC;IAExC;;;OAGG;IACK,cAAS,GAAY,aAAa,CAAC;IAE3C;;;;OAIG;IACK,oBAAe,GAAa,IAAI,CAAC;IAEzC;;OAEG;IACmC,YAAO,GAAY,KAAK,CAAC;GA0DhE;EAxDC;;KAEG;EAEH,KAAK,CAAC,IAAI;IACR,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;EACtB,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,IAAI;IACR,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;EACvB,CAAC;EAOO,aAAa;IACnB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACrB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;EACxB,CAAC;EAEO,mBAAmB,CAAC,CAAa;IACvC,MAAM,OAAO,GAAI,CAAC,CAAC,MAAsB,CAAC;IAC1C,IAAI,OAAO,CAAC,EAAE,KAAK,UAAU,IAAI,IAAI,CAAC,eAAe,EAAC;MACpD,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;EACH,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,EAAE,EAAC,UAAU,EAChB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EACnD,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC;QAEzC,WAAK,KAAK,EAAC,OAAO;UACf,IAAI,CAAC,eAAe;YACnB,cACE,KAAK,EAAC,OAAO,gBACD,IAAI,CAAC,SAAS,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;cAEnC,WAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;gBAAC,YAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAE;gBAAA,YAAM,CAAC,EAAC,iLAAiL,GAAE,CAAM,CACrU;UAEX,eAAa,CACT,CACF,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Host, h, Prop, Event, EventEmitter, Method } from '@stencil/core';\n\n@Component({\n tag: 'dnn-modal',\n styleUrl: 'dnn-modal.scss',\n shadow: true\n})\nexport class DnnModal {\n \n @Element() el!: HTMLDnnModalElement;\n \n /*\n Pass false to remove the backdrop click auto-dismiss feature.\n /\n @Prop() backdropDismiss: boolean = true;\n\n /\n Optionally pass the aria-label text for the close button.\n * Defaults to \"Close modal\" if not provided.\n /\n @Prop() closeText?: string = \"Close modal\";\n\n /\n Optionally you can pass false to not show the close button.\n * If you decide to do so, you should either not also prevent dismissal by clicking the backdrop\n * or provide your own dismissal logic in the modal content.\n /\n @Prop() showCloseButton?: boolean = true;\n\n /\n Reflects the visible state of the modal.\n /\n @Prop({mutable: true, reflect: true}) visible: boolean = false;\n\n /\n Shows the modal\n /\n @Method()\n async show() {\n this.visible = true;\n }\n\n /\n Hides the modal\n /\n @Method()\n async hide() {\n this.visible = false;\n }\n\n /\n Fires when the modal is dismissed.\n */\n @Event() dismissed!: EventEmitter;\n\n private handleDismiss(){\n this.visible = false;\n this.dismissed.emit();\n }\n\n private handleBackdropClick(e: MouseEvent): void {\n const element = (e.target as HTMLElement);\n if (element.id === \"backdrop\" && this.backdropDismiss){\n this.handleDismiss();\n }\n }\n\n render() {\n return (\n <Host>\n <div id=\"backdrop\"\n class={this.visible ? 'overlay visible' : 'overlay'}\n onClick={e => this.handleBackdropClick(e)}\n >\n <div class=\"modal\">\n {this.showCloseButton &&\n <button\n class=\"close\"\n aria-label={this.closeText}\n onClick={() => this.handleDismiss()}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>\n </button>\n }\n <slot></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"dnn-modal.js","sourceRoot":"","sources":["../../../src/components/dnn-modal/dnn-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,EAAE,MAAM,eAAe,CAAC;AAO/F,MAAM,OAAO,QAAQ;EALrB;IASE;;OAEG;IACK,oBAAe,GAAY,IAAI,CAAC;IAExC;;;OAGG;IACK,cAAS,GAAY,aAAa,CAAC;IAE3C;;;;OAIG;IACK,oBAAe,GAAa,IAAI,CAAC;IAEzC;;OAEG;IACmC,YAAO,GAAY,KAAK,CAAC;GA0DhE;EAxDC;;KAEG;EAEH,KAAK,CAAC,IAAI;IACR,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;EACtB,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,IAAI;IACR,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;EACvB,CAAC;EAOO,aAAa;IACnB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACrB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;EACxB,CAAC;EAEO,mBAAmB,CAAC,CAAa;IACvC,MAAM,OAAO,GAAI,CAAC,CAAC,MAAsB,CAAC;IAC1C,IAAI,OAAO,CAAC,EAAE,KAAK,UAAU,IAAI,IAAI,CAAC,eAAe,EAAC;MACpD,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;EACH,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,EAAE,EAAC,UAAU,EAChB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EACnD,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC;QAEzC,WAAK,KAAK,EAAC,OAAO;UACf,IAAI,CAAC,eAAe;YACnB,cACE,KAAK,EAAC,OAAO,gBACD,IAAI,CAAC,SAAS,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;cAEnC,WAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;gBAAC,YAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAE;gBAAA,YAAM,CAAC,EAAC,iLAAiL,GAAE,CAAM,CACrU;UAEX,eAAa,CACT,CACF,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Host, h, Prop, Event, EventEmitter, Method } from '@stencil/core';\n\n@Component({\n tag: 'dnn-modal',\n styleUrl: 'dnn-modal.scss',\n shadow: true\n})\nexport class DnnModal {\n \n @Element() el!: HTMLDnnModalElement;\n \n /*\n Pass false to remove the backdrop click auto-dismiss feature.\n /\n @Prop() backdropDismiss: boolean = true;\n\n /\n Optionally pass the aria-label text for the close button.\n * Defaults to \"Close modal\" if not provided.\n /\n @Prop() closeText?: string = \"Close modal\";\n\n /\n Optionally you can pass false to not show the close button.\n * If you decide to do so, you should either not also prevent dismissal by clicking the backdrop\n * or provide your own dismissal logic in the modal content.\n /\n @Prop() showCloseButton?: boolean = true;\n\n /\n Reflects the visible state of the modal.\n /\n @Prop({mutable: true, reflect: true}) visible: boolean = false;\n\n /\n Shows the modal\n /\n @Method()\n async show() {\n this.visible = true;\n }\n\n /\n Hides the modal\n /\n @Method()\n async hide() {\n this.visible = false;\n }\n\n /\n Fires when the modal is dismissed.\n */\n @Event() dismissed!: EventEmitter;\n\n private handleDismiss(){\n this.visible = false;\n this.dismissed.emit();\n }\n\n private handleBackdropClick(e: MouseEvent): void {\n const element = (e.target as HTMLElement);\n if (element.id === \"backdrop\" && this.backdropDismiss){\n this.handleDismiss();\n }\n }\n\n render() {\n return (\n <Host>\n <div id=\"backdrop\"\n class={this.visible ? 'overlay visible' : 'overlay'}\n onClick={e => this.handleBackdropClick(e)}\n >\n <div class=\"modal\">\n {this.showCloseButton &&\n <button\n class=\"close\"\n aria-label={this.closeText}\n onClick={() => this.handleDismiss()}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>\n </button>\n }\n <slot></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/dnn-modal/dnn-modal.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dnn-modal.stories.js","sourceRoot":"","sources":["~~../../../../~~src/components/dnn-modal/dnn-modal.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,eAAe;EACX,KAAK,EAAE,gBAAgB;EACvB,SAAS,EAAE,WAAW;EACtB,UAAU,EAAE;IACR,OAAO,EAAE;MACL,OAAO,EAAE,CAAC,WAAW,CAAC;KACzB;IACD,KAAK,EAAG,MAAM;GACjB;EACD,QAAQ,EAAE;IACN,kBAAkB,EAAE;MAChB,OAAO,EAAE,SAAS;KACrB;IACD,YAAY,EAAE;MACV,OAAO,EAAE,MAAM;KAClB;IACD,mBAAmB,EAAE;MACnB,OAAO,EAAE,SAAS;KACnB;IACD,SAAS,EAAE;MACP,OAAO,EAAE,SAAS;KACrB;GACF;CACE,CAAC;AAEV,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CACtB,IAAI,CAAA;;gCAEwB,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC;yBACtC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;iCACjB,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC;uBACzC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;cAChC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;KAE9B,CAAC;AAEN,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;EACT,eAAe,EAAE,IAAI;EACrB,SAAS,EAAE,aAAa;EACxB,eAAe,EAAE,IAAI;EACrB,OAAO,EAAE,IAAI;EACb,IAAI,EAAE;0FACgF;CACzF,CAAC","sourcesContent":["import { html } from \"lit-html\";\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport { Meta } from \"@storybook/web-components\";\nimport readme from './readme.md';\n\nexport default {\n title: 'Elements/Modal',\n component: 'dnn-modal',\n parameters: {\n actions: {\n handles: ['dismissed'],\n },\n notes: readme,\n },\n argTypes: {\n 'backdrop-dismiss': {\n control: 'boolean',\n },\n 'close-text': {\n control: 'text',\n },\n 'show-close-button': {\n control: 'boolean',\n },\n 'visible': {\n control: 'boolean',\n }\n },\n} as Meta;\n\nconst Template = (args) =>\n html`\n <dnn-modal\n ?backdrop-dismiss=${ifDefined(args.backdropDismiss)}\n close-text=${ifDefined(args.closeText)}\n ?show-close-button=${ifDefined(args.showCloseButton)}\n ?visible=${ifDefined(args.visible)}>\n ${unsafeHTML(args.slot)}\n </dnn-modal>\n `;\n\nexport const Modal = Template.bind({});\nModal.args = {\n backdropDismiss: true,\n closeText: 'Close modal',\n showCloseButton: true,\n visible: true,\n slot: `<h1>Welcome to the DNN Modal</h1>\n <p>This is a modal component that can be used to display content to the user.</p>`\n};\n"]}
1	+ {"version":3,"file":"dnn-modal.stories.js","sourceRoot":"","sources":["../../../src/components/dnn-modal/dnn-modal.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,eAAe;EACX,KAAK,EAAE,gBAAgB;EACvB,SAAS,EAAE,WAAW;EACtB,UAAU,EAAE;IACR,OAAO,EAAE;MACL,OAAO,EAAE,CAAC,WAAW,CAAC;KACzB;IACD,KAAK,EAAG,MAAM;GACjB;EACD,QAAQ,EAAE;IACN,kBAAkB,EAAE;MAChB,OAAO,EAAE,SAAS;KACrB;IACD,YAAY,EAAE;MACV,OAAO,EAAE,MAAM;KAClB;IACD,mBAAmB,EAAE;MACnB,OAAO,EAAE,SAAS;KACnB;IACD,SAAS,EAAE;MACP,OAAO,EAAE,SAAS;KACrB;GACF;CACE,CAAC;AAEV,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CACtB,IAAI,CAAA;;gCAEwB,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC;yBACtC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;iCACjB,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC;uBACzC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;cAChC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;KAE9B,CAAC;AAEN,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;EACT,eAAe,EAAE,IAAI;EACrB,SAAS,EAAE,aAAa;EACxB,eAAe,EAAE,IAAI;EACrB,OAAO,EAAE,IAAI;EACb,IAAI,EAAE;0FACgF;CACzF,CAAC","sourcesContent":["import { html } from \"lit-html\";\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { unsafeHTML } from 'lit-html/directives/unsafe-html.js';\nimport { Meta } from \"@storybook/web-components\";\nimport readme from './readme.md';\n\nexport default {\n title: 'Elements/Modal',\n component: 'dnn-modal',\n parameters: {\n actions: {\n handles: ['dismissed'],\n },\n notes: readme,\n },\n argTypes: {\n 'backdrop-dismiss': {\n control: 'boolean',\n },\n 'close-text': {\n control: 'text',\n },\n 'show-close-button': {\n control: 'boolean',\n },\n 'visible': {\n control: 'boolean',\n }\n },\n} as Meta;\n\nconst Template = (args) =>\n html`\n <dnn-modal\n ?backdrop-dismiss=${ifDefined(args.backdropDismiss)}\n close-text=${ifDefined(args.closeText)}\n ?show-close-button=${ifDefined(args.showCloseButton)}\n ?visible=${ifDefined(args.visible)}>\n ${unsafeHTML(args.slot)}\n </dnn-modal>\n `;\n\nexport const Modal = Template.bind({});\nModal.args = {\n backdropDismiss: true,\n closeText: 'Close modal',\n showCloseButton: true,\n visible: true,\n slot: `<h1>Welcome to the DNN Modal</h1>\n <p>This is a modal component that can be used to display content to the user.</p>`\n};\n"]}

package/dist/collection/components/dnn-permissions-grid/dnn-permissions-grid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dnn-permissions-grid.js","sourceRoot":"","sources":["../../../../src/components/dnn-permissions-grid/dnn-permissions-grid.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\nimport { ILocalization } from './localization-interface';\nimport { IPermissionDefinition, IPermissions, IRolePermission, IUserPermission } from './permissions-interface';\nimport { IRoleGroup } from './role-group-interface';\nimport { IRole } from './role-interface';\nimport { ISearchedUser } from './searched-user-interface';\n\n@Component({\n tag: 'dnn-permissions-grid',\n styleUrl: 'dnn-permissions-grid.scss',\n shadow: true,\n})\nexport class DnnPermissionsGrid {\n\n /** The list of permissions. /\n @Prop({mutable: true}) permissions!: IPermissions;\n\n /* The list of role groups. /\n @Prop() roleGroups!: IRoleGroup[];\n\n /* The list of possible roles. /\n @Prop() roles!: IRole[];\n\n /* Optionally allows localizing the component strings. /\n @Prop() resx: ILocalization = {\n Add: \"Add\",\n AllRoles: \"All Roles\",\n FilterByGroup: \"Filter By Group\",\n GlobalRoles: \"Global Roles\",\n Role: \"Role\",\n RolePermissions: \"Role Permissions\",\n SelectRole: \"Select Role\",\n User: \"User\",\n UserPermissions: \"User Permissions\",\n }\n\n /* The list of users to show under the search users field when a search is performed. /\n @Prop() foundUsers: ISearchedUser[] = [];\n\n /* Fires when searching for users to add to the permissions. Emits the search query. /\n @Event() userSearchQueryChanged: EventEmitter<string>;\n \n /* Fires when any permissions have changed, can be used for instance to have linked permissions. */\n @Event() permissionsChanged: EventEmitter<IPermissions>;\n\n @State() selectedRoleGroupId = -1;\n @State() userQuery: string;\n @State() pickedUser: ISearchedUser;\n \n \n @Watch(\"foundUsers\")\n handleFoundUsersChanged(newValue: ISearchedUser[]){\n if (newValue?.length > 0){\n setTimeout(() => {\n this.userCollapsible.expanded = true;\n }, 100);\n }\n }\n \n componentWillLoad() {\n document.addEventListener(\"click\", this.dismissUserResults.bind(this));\n }\n \n disconnectedCallback() {\n document.removeEventListener(\"click\", this.disconnectedCallback.bind(this));\n }\n \n private roleDropDown: HTMLSelectElement;\n private userCollapsible: HTMLDnnCollapsibleElement;\n\n private dismissUserResults(e: MouseEvent){\n const dropdownRect = this.roleDropDown.getBoundingClientRect();\n if (\n e.pageX > dropdownRect.right \|\|\n e.pageX < dropdownRect.left \|\|\n e.pageY > dropdownRect.bottom \|\|\n e.pageY < dropdownRect.top){\n this.userCollapsible.expanded = false;\n }\n } \n\n private handleRoleGroupChanged(dropdown: HTMLSelectElement): void {\n const index = dropdown.selectedIndex;\n const value = Number.parseInt(dropdown.options[index].value);\n this.selectedRoleGroupId = value;\n }\n\n private addRole(): void {\n const roleId = Number.parseInt(this.roleDropDown.options[this.roleDropDown.selectedIndex].value);\n const role = this.roles.filter(r => r.RoleId == roleId)[0];\n this.permissions = {\n ...this.permissions,\n rolePermissions: [\n ...this.permissions.rolePermissions,\n {\n default: false,\n locked: false,\n permissions: [],\n roleId: role.RoleId,\n roleName: role.RoleName,\n }\n ]\n }\n this.permissionsChanged.emit(this.permissions);\n }\n\n private addUser(): void {\n if (this.pickedUser != undefined){\n this.permissions = {\n ...this.permissions,\n userPermissions: [\n ...this.permissions.userPermissions,\n {\n displayName: this.pickedUser.displayName,\n permissions: [],\n userId: this.pickedUser.userId,\n },\n ],\n };\n this.pickedUser = undefined;\n this.userQuery = \"\";\n this.permissionsChanged.emit(this.permissions);\n }\n }\n\n private getRoles(){\n const filteredRoles = this.roles.filter(role => \n !this.permissions.rolePermissions.some(rp => rp.roleId == role.RoleId))\n if (this.selectedRoleGroupId == -2){\n // All Roles\n return filteredRoles;\n }\n\n if (this.selectedRoleGroupId == -1){\n // Global Roles\n return filteredRoles.filter(role => role.IsSystemRole);\n }\n \n return filteredRoles.filter(role => role.RoleGroupId == this.selectedRoleGroupId);\n }\n\n private renderRoleCheckBox(rolePermission: IRolePermission, permissionDefinition: IPermissionDefinition) {\n const item = rolePermission.permissions.filter(permission => permission.permissionId == permissionDefinition.permissionId)[0];\n if (rolePermission.locked){\n return(\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><g fill=\"none\"><path d=\"M0 0h24v24H0V0z\"/><path d=\"M0 0h24v24H0V0z\" opacity=\".87\"/></g><path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z\"/></svg>\n )\n }\n\n const checked = item == undefined ? \"intermediate\" : item.allowAccess ? \"checked\" : \"unchecked\";\n return(\n <dnn-checkbox\n use-intermediate\n checked={checked}\n onCheckedchange={e => this.handleRoleChanged(e.detail, rolePermission, permissionDefinition)}\n >\n <div slot=\"intermediateicon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"/></svg>\n </div>\n <div slot=\"uncheckedicon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z\"/></svg>\n </div>\n <span>{permissionDefinition.permissionName}</span>\n </dnn-checkbox>\n )\n }\n\n private renderUserCheckBox(userPermission: IUserPermission, permissionDefinition: IPermissionDefinition) {\n const item = userPermission.permissions.filter(permission => permission.permissionId == permissionDefinition.permissionId)[0];\n\n const checked = item == undefined ? \"intermediate\" : item.allowAccess ? \"checked\" : \"unchecked\";\n return(\n <dnn-checkbox\n use-intermediate\n checked={checked}\n onCheckedchange={e => this.handleUserChanged(e.detail, userPermission, permissionDefinition)}\n >\n <div slot=\"intermediateicon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"/></svg>\n </div>\n <div slot=\"uncheckedicon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z\"/></svg>\n </div>\n <span>{permissionDefinition.permissionName}</span>\n </dnn-checkbox>\n )\n }\n \n private handleRoleChanged(\n checked: \"checked\" \| \"unchecked\" \| \"intermediate\",\n rolePermission: IRolePermission,\n permissionDefinition: IPermissionDefinition\n ): void {\n switch (checked) {\n case \"unchecked\":\n this.permissions = {\n ...this.permissions,\n rolePermissions: [\n ...this.permissions.rolePermissions.map(r => {\n if (r.roleId != rolePermission.roleId){\n return r;\n }\n\n const newRolePermission = Object.assign({}, r);\n newRolePermission.permissions = [\n ...newRolePermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n {\n allowAccess: false,\n fullControl: false,\n permissionCode: permissionDefinition.permissionCode,\n permissionId: permissionDefinition.permissionId,\n permissionKey: permissionDefinition.permissionKey,\n permissionName: permissionDefinition.permissionName,\n view: false,\n },\n ];\n return newRolePermission;\n }),\n ],\n };\n break;\n case \"checked\":\n this.permissions = {\n ...this.permissions,\n rolePermissions: [\n ...this.permissions.rolePermissions.map(r => {\n if (r.roleId != rolePermission.roleId){\n return r;\n }\n\n const newRolePermission = Object.assign({}, r);\n newRolePermission.permissions = [\n ...newRolePermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n {\n allowAccess: true,\n fullControl: false,\n permissionCode: permissionDefinition.permissionCode,\n permissionId: permissionDefinition.permissionId,\n permissionKey: permissionDefinition.permissionKey,\n permissionName: permissionDefinition.permissionName,\n view: false,\n },\n ];\n return newRolePermission;\n }),\n ],\n };\n break;\n case \"intermediate\":\n this.permissions = {\n ...this.permissions,\n rolePermissions: [\n ...this.permissions.rolePermissions.map(r => {\n if (r.roleId != rolePermission.roleId){\n return r;\n }\n\n const newRolePermission = Object.assign({}, r);\n newRolePermission.permissions = [\n ...newRolePermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n ];\n return newRolePermission;\n }),\n ],\n };\n break;\n default:\n break;\n }\n this.permissionsChanged.emit(this.permissions);\n }\n\n private handleUserChanged(\n checked: \"checked\" \| \"unchecked\" \| \"intermediate\",\n userPermission: IUserPermission,\n permissionDefinition: IPermissionDefinition\n ): void {\n switch (checked) {\n case \"unchecked\":\n this.permissions = {\n ...this.permissions,\n userPermissions: [\n ...this.permissions.userPermissions.map(u => {\n if (u.userId != userPermission.userId){\n return u;\n }\n\n const newUserPermission = Object.assign({}, u);\n newUserPermission.permissions = [\n ...newUserPermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n {\n allowAccess: false,\n fullControl: false,\n permissionCode: permissionDefinition.permissionCode,\n permissionId: permissionDefinition.permissionId,\n permissionKey: permissionDefinition.permissionKey,\n permissionName: permissionDefinition.permissionName,\n view: false,\n },\n ];\n return newUserPermission;\n }),\n ],\n };\n break;\n case \"checked\":\n this.permissions = {\n ...this.permissions,\n userPermissions: [\n ...this.permissions.userPermissions.map(u => {\n if (u.userId != userPermission.userId){\n return u;\n }\n\n const newUserPermission = Object.assign({}, u);\n newUserPermission.permissions = [\n ...newUserPermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n {\n allowAccess: true,\n fullControl: false,\n permissionCode: permissionDefinition.permissionCode,\n permissionId: permissionDefinition.permissionId,\n permissionKey: permissionDefinition.permissionKey,\n permissionName: permissionDefinition.permissionName,\n view: false,\n },\n ];\n return newUserPermission;\n }),\n ],\n };\n break;\n case \"intermediate\":\n this.permissions = {\n ...this.permissions,\n userPermissions: [\n ...this.permissions.userPermissions.map(u => {\n if (u.userId != userPermission.userId){\n return u;\n }\n\n const newUserPermission = Object.assign({}, u);\n newUserPermission.permissions = [\n ...newUserPermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n ];\n return newUserPermission;\n }),\n ],\n };\n break;\n default:\n break;\n }\n this.permissionsChanged.emit(this.permissions);\n }\n\n private removeRole(rolePermission: IRolePermission): void {\n this.permissions = {\n ...this.permissions,\n rolePermissions: [\n ...this.permissions.rolePermissions.filter(rp => rp.roleId != rolePermission.roleId),\n ],\n };\n this.permissionsChanged.emit();\n }\n\n private removeUser(userPermission: IUserPermission): void {\n this.permissions = {\n ...this.permissions,\n userPermissions: [\n ...this.permissions.userPermissions.filter(up => up.userId != userPermission.userId),\n ]\n };\n this.permissionsChanged.emit(this.permissions);\n }\n\n private handleQueryChanged(query: string): void {\n this.userQuery = query;\n if (query == undefined \|\| query.length == 0){\n this.userCollapsible.expanded = false;\n this.pickedUser = undefined;\n this.foundUsers = [];\n return;\n }\n this.userSearchQueryChanged.emit(query);\n }\n\n private handleSearchUserFieldKeyDown(e: KeyboardEvent): void {\n if (e.key != \"ArrowDown\"){\n return;\n }\n\n e.preventDefault();\n const firstButton = this.userCollapsible.querySelector(\"button\");\n if (firstButton != undefined){\n firstButton.focus();\n }\n }\n\n private handleSearchedUserKeyDown(e: KeyboardEvent): void {\n const button = e.target as HTMLButtonElement;\n \n switch(e.key) {\n case \"ArrowDown\":\n e.preventDefault();\n const nextButton = button.nextElementSibling as HTMLButtonElement;\n nextButton?.focus();\n break;\n case \"ArrowUp\":\n e.preventDefault();\n const previousButton = button.previousElementSibling as HTMLButtonElement;\n previousButton?.focus();\n break;\n default:\n break;\n }\n }\n\n private handleUserPicked(searchedUser: ISearchedUser): void {\n this.userQuery = searchedUser.displayName;\n this.pickedUser = searchedUser;\n }\n\n private getFilteredUsers() {\n return this.foundUsers.filter(fu => !this.permissions.userPermissions.some(up => up.userId == fu.userId))\n }\n \n render() {\n const filteredRoles = this.getRoles();\n return (\n <Host>\n <div class=\"add-role-row\">\n <div class=\"dropdown\">\n <label>{this.resx.FilterByGroup} :</label>\n <select\n onChange={e => this.handleRoleGroupChanged(e.target as HTMLSelectElement)}\n >\n <option\n value={-2}\n selected={this.selectedRoleGroupId == -2}\n >\n {this.resx.AllRoles}\n </option>\n <option\n value={-1}\n selected={this.selectedRoleGroupId == -1}\n >\n {this.resx.GlobalRoles}\n </option>\n {this.roleGroups.map(roleGroup =>\n <option\n value={roleGroup.id}\n selected={this.selectedRoleGroupId == roleGroup.id}\n >\n {roleGroup.name}\n </option>\n )}\n </select>\n </div>\n {filteredRoles && filteredRoles.length > 0 && [\n <div class=\"dropdown\">\n <label>{this.resx.SelectRole} :</label>\n <select ref={el => this.roleDropDown = el}>\n {this.getRoles().map(role =>\n <option value={role.RoleId}\n >\n {role.RoleName}\n </option>\n )}\n </select>\n </div>,\n <dnn-button\n type=\"primary\"\n onClick={() => this.addRole()}\n >\n {this.resx.Add}\n </dnn-button>\n ]\n }\n </div>\n <table class=\"roles-table\">\n <caption>{this.resx.RolePermissions}</caption>\n <thead>\n <tr>\n <th>{this.resx.Role}</th>\n {this.permissions.permissionDefinitions.map(permissionDefinition =>\n <th>{permissionDefinition.permissionName}</th>\n )}\n <th> </th>\n </tr>\n </thead>\n <tbody>\n {this.permissions.rolePermissions.map(rolePermission =>\n <tr>\n <th>{rolePermission.roleName}</th>\n {this.permissions.permissionDefinitions.map(permissionDefinition =>\n <td>\n {this.renderRoleCheckBox(rolePermission, permissionDefinition)}\n </td>\n )}\n <td>\n {!rolePermission.default &&\n <button\n onClick={() => this.removeRole(rolePermission)}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M14.59 8L12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"/></svg>\n </button>\n }\n </td>\n </tr>\n )}\n </tbody>\n </table>\n <div class=\"search-user\">\n <div class=\"search-control\">\n <dnn-searchbox\n placeholder={this.resx.User}\n debounced\n onQueryChanged={e => this.handleQueryChanged(e.detail)}\n onKeyDown={e => this.handleSearchUserFieldKeyDown(e)}\n query={this.userQuery}\n />\n <dnn-collapsible ref={el => this.userCollapsible = el}>\n <div class=\"dropdown\">\n {this.getFilteredUsers().map(searchedUser =>\n <button\n onKeyDown={e => this.handleSearchedUserKeyDown(e)}\n onClick={() => this.handleUserPicked(searchedUser)}\n >\n {searchedUser.displayName}\n </button>\n )}\n </div>\n </dnn-collapsible>\n </div>\n {this.pickedUser &&\n <dnn-button\n onClick={() => this.addUser()}\n >\n {this.resx.Add}\n </dnn-button>\n }\n </div>\n {this.permissions.userPermissions && this.permissions.userPermissions.length > 0 &&\n <table class=\"users-table\">\n <caption>{this.resx.UserPermissions}</caption>\n <thead>\n <tr>\n <th>{this.resx.User}</th>\n {this.permissions.permissionDefinitions.map(permissionDefinition =>\n <th>{permissionDefinition.permissionName}</th>\n )}\n <th> </th>\n </tr>\n </thead>\n <tbody>\n {this.permissions.userPermissions.map(userPermission =>\n <tr>\n <th>{userPermission.displayName}</th>\n {this.permissions.permissionDefinitions.map(permissionDefinition =>\n <td>\n {this.renderUserCheckBox(userPermission, permissionDefinition)}\n </td>\n )}\n <td>\n <button\n onClick={() => this.removeUser(userPermission)}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M14.59 8L12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"/></svg>\n </button>\n </td>\n </tr>\n )}\n </tbody>\n </table>\n }\n </Host>\n );\n }\n}"]}
1	+ {"version":3,"file":"dnn-permissions-grid.js","sourceRoot":"","sources":["../../../src/components/dnn-permissions-grid/dnn-permissions-grid.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\nimport { ILocalization } from './localization-interface';\nimport { IPermissionDefinition, IPermissions, IRolePermission, IUserPermission } from './permissions-interface';\nimport { IRoleGroup } from './role-group-interface';\nimport { IRole } from './role-interface';\nimport { ISearchedUser } from './searched-user-interface';\n\n@Component({\n tag: 'dnn-permissions-grid',\n styleUrl: 'dnn-permissions-grid.scss',\n shadow: true,\n})\nexport class DnnPermissionsGrid {\n\n /** The list of permissions. /\n @Prop({mutable: true}) permissions!: IPermissions;\n\n /* The list of role groups. /\n @Prop() roleGroups!: IRoleGroup[];\n\n /* The list of possible roles. /\n @Prop() roles!: IRole[];\n\n /* Optionally allows localizing the component strings. /\n @Prop() resx: ILocalization = {\n Add: \"Add\",\n AllRoles: \"All Roles\",\n FilterByGroup: \"Filter By Group\",\n GlobalRoles: \"Global Roles\",\n Role: \"Role\",\n RolePermissions: \"Role Permissions\",\n SelectRole: \"Select Role\",\n User: \"User\",\n UserPermissions: \"User Permissions\",\n }\n\n /* The list of users to show under the search users field when a search is performed. /\n @Prop() foundUsers: ISearchedUser[] = [];\n\n /* Fires when searching for users to add to the permissions. Emits the search query. /\n @Event() userSearchQueryChanged: EventEmitter<string>;\n \n /* Fires when any permissions have changed, can be used for instance to have linked permissions. */\n @Event() permissionsChanged: EventEmitter<IPermissions>;\n\n @State() selectedRoleGroupId = -1;\n @State() userQuery: string;\n @State() pickedUser: ISearchedUser;\n \n \n @Watch(\"foundUsers\")\n handleFoundUsersChanged(newValue: ISearchedUser[]){\n if (newValue?.length > 0){\n setTimeout(() => {\n this.userCollapsible.expanded = true;\n }, 100);\n }\n }\n \n componentWillLoad() {\n document.addEventListener(\"click\", this.dismissUserResults.bind(this));\n }\n \n disconnectedCallback() {\n document.removeEventListener(\"click\", this.disconnectedCallback.bind(this));\n }\n \n private roleDropDown: HTMLSelectElement;\n private userCollapsible: HTMLDnnCollapsibleElement;\n\n private dismissUserResults(e: MouseEvent){\n const dropdownRect = this.roleDropDown.getBoundingClientRect();\n if (\n e.pageX > dropdownRect.right \|\|\n e.pageX < dropdownRect.left \|\|\n e.pageY > dropdownRect.bottom \|\|\n e.pageY < dropdownRect.top){\n this.userCollapsible.expanded = false;\n }\n } \n\n private handleRoleGroupChanged(dropdown: HTMLSelectElement): void {\n const index = dropdown.selectedIndex;\n const value = Number.parseInt(dropdown.options[index].value);\n this.selectedRoleGroupId = value;\n }\n\n private addRole(): void {\n const roleId = Number.parseInt(this.roleDropDown.options[this.roleDropDown.selectedIndex].value);\n const role = this.roles.filter(r => r.RoleId == roleId)[0];\n this.permissions = {\n ...this.permissions,\n rolePermissions: [\n ...this.permissions.rolePermissions,\n {\n default: false,\n locked: false,\n permissions: [],\n roleId: role.RoleId,\n roleName: role.RoleName,\n }\n ]\n }\n this.permissionsChanged.emit(this.permissions);\n }\n\n private addUser(): void {\n if (this.pickedUser != undefined){\n this.permissions = {\n ...this.permissions,\n userPermissions: [\n ...this.permissions.userPermissions,\n {\n displayName: this.pickedUser.displayName,\n permissions: [],\n userId: this.pickedUser.userId,\n },\n ],\n };\n this.pickedUser = undefined;\n this.userQuery = \"\";\n this.permissionsChanged.emit(this.permissions);\n }\n }\n\n private getRoles(){\n const filteredRoles = this.roles.filter(role => \n !this.permissions.rolePermissions.some(rp => rp.roleId == role.RoleId))\n if (this.selectedRoleGroupId == -2){\n // All Roles\n return filteredRoles;\n }\n\n if (this.selectedRoleGroupId == -1){\n // Global Roles\n return filteredRoles.filter(role => role.IsSystemRole);\n }\n \n return filteredRoles.filter(role => role.RoleGroupId == this.selectedRoleGroupId);\n }\n\n private renderRoleCheckBox(rolePermission: IRolePermission, permissionDefinition: IPermissionDefinition) {\n const item = rolePermission.permissions.filter(permission => permission.permissionId == permissionDefinition.permissionId)[0];\n if (rolePermission.locked){\n return(\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><g fill=\"none\"><path d=\"M0 0h24v24H0V0z\"/><path d=\"M0 0h24v24H0V0z\" opacity=\".87\"/></g><path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z\"/></svg>\n )\n }\n\n const checked = item == undefined ? \"intermediate\" : item.allowAccess ? \"checked\" : \"unchecked\";\n return(\n <dnn-checkbox\n use-intermediate\n checked={checked}\n onCheckedchange={e => this.handleRoleChanged(e.detail, rolePermission, permissionDefinition)}\n >\n <div slot=\"intermediateicon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"/></svg>\n </div>\n <div slot=\"uncheckedicon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z\"/></svg>\n </div>\n <span>{permissionDefinition.permissionName}</span>\n </dnn-checkbox>\n )\n }\n\n private renderUserCheckBox(userPermission: IUserPermission, permissionDefinition: IPermissionDefinition) {\n const item = userPermission.permissions.filter(permission => permission.permissionId == permissionDefinition.permissionId)[0];\n\n const checked = item == undefined ? \"intermediate\" : item.allowAccess ? \"checked\" : \"unchecked\";\n return(\n <dnn-checkbox\n use-intermediate\n checked={checked}\n onCheckedchange={e => this.handleUserChanged(e.detail, userPermission, permissionDefinition)}\n >\n <div slot=\"intermediateicon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"/></svg>\n </div>\n <div slot=\"uncheckedicon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z\"/></svg>\n </div>\n <span>{permissionDefinition.permissionName}</span>\n </dnn-checkbox>\n )\n }\n \n private handleRoleChanged(\n checked: \"checked\" \| \"unchecked\" \| \"intermediate\",\n rolePermission: IRolePermission,\n permissionDefinition: IPermissionDefinition\n ): void {\n switch (checked) {\n case \"unchecked\":\n this.permissions = {\n ...this.permissions,\n rolePermissions: [\n ...this.permissions.rolePermissions.map(r => {\n if (r.roleId != rolePermission.roleId){\n return r;\n }\n\n const newRolePermission = Object.assign({}, r);\n newRolePermission.permissions = [\n ...newRolePermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n {\n allowAccess: false,\n fullControl: false,\n permissionCode: permissionDefinition.permissionCode,\n permissionId: permissionDefinition.permissionId,\n permissionKey: permissionDefinition.permissionKey,\n permissionName: permissionDefinition.permissionName,\n view: false,\n },\n ];\n return newRolePermission;\n }),\n ],\n };\n break;\n case \"checked\":\n this.permissions = {\n ...this.permissions,\n rolePermissions: [\n ...this.permissions.rolePermissions.map(r => {\n if (r.roleId != rolePermission.roleId){\n return r;\n }\n\n const newRolePermission = Object.assign({}, r);\n newRolePermission.permissions = [\n ...newRolePermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n {\n allowAccess: true,\n fullControl: false,\n permissionCode: permissionDefinition.permissionCode,\n permissionId: permissionDefinition.permissionId,\n permissionKey: permissionDefinition.permissionKey,\n permissionName: permissionDefinition.permissionName,\n view: false,\n },\n ];\n return newRolePermission;\n }),\n ],\n };\n break;\n case \"intermediate\":\n this.permissions = {\n ...this.permissions,\n rolePermissions: [\n ...this.permissions.rolePermissions.map(r => {\n if (r.roleId != rolePermission.roleId){\n return r;\n }\n\n const newRolePermission = Object.assign({}, r);\n newRolePermission.permissions = [\n ...newRolePermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n ];\n return newRolePermission;\n }),\n ],\n };\n break;\n default:\n break;\n }\n this.permissionsChanged.emit(this.permissions);\n }\n\n private handleUserChanged(\n checked: \"checked\" \| \"unchecked\" \| \"intermediate\",\n userPermission: IUserPermission,\n permissionDefinition: IPermissionDefinition\n ): void {\n switch (checked) {\n case \"unchecked\":\n this.permissions = {\n ...this.permissions,\n userPermissions: [\n ...this.permissions.userPermissions.map(u => {\n if (u.userId != userPermission.userId){\n return u;\n }\n\n const newUserPermission = Object.assign({}, u);\n newUserPermission.permissions = [\n ...newUserPermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n {\n allowAccess: false,\n fullControl: false,\n permissionCode: permissionDefinition.permissionCode,\n permissionId: permissionDefinition.permissionId,\n permissionKey: permissionDefinition.permissionKey,\n permissionName: permissionDefinition.permissionName,\n view: false,\n },\n ];\n return newUserPermission;\n }),\n ],\n };\n break;\n case \"checked\":\n this.permissions = {\n ...this.permissions,\n userPermissions: [\n ...this.permissions.userPermissions.map(u => {\n if (u.userId != userPermission.userId){\n return u;\n }\n\n const newUserPermission = Object.assign({}, u);\n newUserPermission.permissions = [\n ...newUserPermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n {\n allowAccess: true,\n fullControl: false,\n permissionCode: permissionDefinition.permissionCode,\n permissionId: permissionDefinition.permissionId,\n permissionKey: permissionDefinition.permissionKey,\n permissionName: permissionDefinition.permissionName,\n view: false,\n },\n ];\n return newUserPermission;\n }),\n ],\n };\n break;\n case \"intermediate\":\n this.permissions = {\n ...this.permissions,\n userPermissions: [\n ...this.permissions.userPermissions.map(u => {\n if (u.userId != userPermission.userId){\n return u;\n }\n\n const newUserPermission = Object.assign({}, u);\n newUserPermission.permissions = [\n ...newUserPermission.permissions.filter(p => p.permissionId != permissionDefinition.permissionId),\n ];\n return newUserPermission;\n }),\n ],\n };\n break;\n default:\n break;\n }\n this.permissionsChanged.emit(this.permissions);\n }\n\n private removeRole(rolePermission: IRolePermission): void {\n this.permissions = {\n ...this.permissions,\n rolePermissions: [\n ...this.permissions.rolePermissions.filter(rp => rp.roleId != rolePermission.roleId),\n ],\n };\n this.permissionsChanged.emit();\n }\n\n private removeUser(userPermission: IUserPermission): void {\n this.permissions = {\n ...this.permissions,\n userPermissions: [\n ...this.permissions.userPermissions.filter(up => up.userId != userPermission.userId),\n ]\n };\n this.permissionsChanged.emit(this.permissions);\n }\n\n private handleQueryChanged(query: string): void {\n this.userQuery = query;\n if (query == undefined \|\| query.length == 0){\n this.userCollapsible.expanded = false;\n this.pickedUser = undefined;\n this.foundUsers = [];\n return;\n }\n this.userSearchQueryChanged.emit(query);\n }\n\n private handleSearchUserFieldKeyDown(e: KeyboardEvent): void {\n if (e.key != \"ArrowDown\"){\n return;\n }\n\n e.preventDefault();\n const firstButton = this.userCollapsible.querySelector(\"button\");\n if (firstButton != undefined){\n firstButton.focus();\n }\n }\n\n private handleSearchedUserKeyDown(e: KeyboardEvent): void {\n const button = e.target as HTMLButtonElement;\n \n switch(e.key) {\n case \"ArrowDown\":\n e.preventDefault();\n const nextButton = button.nextElementSibling as HTMLButtonElement;\n nextButton?.focus();\n break;\n case \"ArrowUp\":\n e.preventDefault();\n const previousButton = button.previousElementSibling as HTMLButtonElement;\n previousButton?.focus();\n break;\n default:\n break;\n }\n }\n\n private handleUserPicked(searchedUser: ISearchedUser): void {\n this.userQuery = searchedUser.displayName;\n this.pickedUser = searchedUser;\n }\n\n private getFilteredUsers() {\n return this.foundUsers.filter(fu => !this.permissions.userPermissions.some(up => up.userId == fu.userId))\n }\n \n render() {\n const filteredRoles = this.getRoles();\n return (\n <Host>\n <div class=\"add-role-row\">\n <div class=\"dropdown\">\n <label>{this.resx.FilterByGroup} :</label>\n <select\n onChange={e => this.handleRoleGroupChanged(e.target as HTMLSelectElement)}\n >\n <option\n value={-2}\n selected={this.selectedRoleGroupId == -2}\n >\n {this.resx.AllRoles}\n </option>\n <option\n value={-1}\n selected={this.selectedRoleGroupId == -1}\n >\n {this.resx.GlobalRoles}\n </option>\n {this.roleGroups.map(roleGroup =>\n <option\n value={roleGroup.id}\n selected={this.selectedRoleGroupId == roleGroup.id}\n >\n {roleGroup.name}\n </option>\n )}\n </select>\n </div>\n {filteredRoles && filteredRoles.length > 0 && [\n <div class=\"dropdown\">\n <label>{this.resx.SelectRole} :</label>\n <select ref={el => this.roleDropDown = el}>\n {this.getRoles().map(role =>\n <option value={role.RoleId}\n >\n {role.RoleName}\n </option>\n )}\n </select>\n </div>,\n <dnn-button\n type=\"primary\"\n onClick={() => this.addRole()}\n >\n {this.resx.Add}\n </dnn-button>\n ]\n }\n </div>\n <table class=\"roles-table\">\n <caption>{this.resx.RolePermissions}</caption>\n <thead>\n <tr>\n <th>{this.resx.Role}</th>\n {this.permissions.permissionDefinitions.map(permissionDefinition =>\n <th>{permissionDefinition.permissionName}</th>\n )}\n <th> </th>\n </tr>\n </thead>\n <tbody>\n {this.permissions.rolePermissions.map(rolePermission =>\n <tr>\n <th>{rolePermission.roleName}</th>\n {this.permissions.permissionDefinitions.map(permissionDefinition =>\n <td>\n {this.renderRoleCheckBox(rolePermission, permissionDefinition)}\n </td>\n )}\n <td>\n {!rolePermission.default &&\n <button\n onClick={() => this.removeRole(rolePermission)}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M14.59 8L12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"/></svg>\n </button>\n }\n </td>\n </tr>\n )}\n </tbody>\n </table>\n <div class=\"search-user\">\n <div class=\"search-control\">\n <dnn-searchbox\n placeholder={this.resx.User}\n debounced\n onQueryChanged={e => this.handleQueryChanged(e.detail)}\n onKeyDown={e => this.handleSearchUserFieldKeyDown(e)}\n query={this.userQuery}\n />\n <dnn-collapsible ref={el => this.userCollapsible = el}>\n <div class=\"dropdown\">\n {this.getFilteredUsers().map(searchedUser =>\n <button\n onKeyDown={e => this.handleSearchedUserKeyDown(e)}\n onClick={() => this.handleUserPicked(searchedUser)}\n >\n {searchedUser.displayName}\n </button>\n )}\n </div>\n </dnn-collapsible>\n </div>\n {this.pickedUser &&\n <dnn-button\n onClick={() => this.addUser()}\n >\n {this.resx.Add}\n </dnn-button>\n }\n </div>\n {this.permissions.userPermissions && this.permissions.userPermissions.length > 0 &&\n <table class=\"users-table\">\n <caption>{this.resx.UserPermissions}</caption>\n <thead>\n <tr>\n <th>{this.resx.User}</th>\n {this.permissions.permissionDefinitions.map(permissionDefinition =>\n <th>{permissionDefinition.permissionName}</th>\n )}\n <th> </th>\n </tr>\n </thead>\n <tbody>\n {this.permissions.userPermissions.map(userPermission =>\n <tr>\n <th>{userPermission.displayName}</th>\n {this.permissions.permissionDefinitions.map(permissionDefinition =>\n <td>\n {this.renderUserCheckBox(userPermission, permissionDefinition)}\n </td>\n )}\n <td>\n <button\n onClick={() => this.removeUser(userPermission)}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M14.59 8L12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"/></svg>\n </button>\n </td>\n </tr>\n )}\n </tbody>\n </table>\n }\n </Host>\n );\n }\n}"]}

package/dist/collection/components/dnn-permissions-grid/dnn-permissions-grid.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dnn-permissions-grid.stories.js","sourceRoot":"","sources":["../../../../src/components/dnn-permissions-grid/dnn-permissions-grid.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from \"lit-html\";\r\nimport { Meta } from \"@storybook/web-components\";\r\nimport { IPermissions } from \"./permissions-interface\";\r\nimport readme from \"./readme.md\";\r\nimport { IRoleGroup } from \"./role-group-interface\";\r\nimport { IRole } from \"./role-interface\";\r\n\r\nexport default {\r\n title: \"Elements/Permissions Grid\",\r\n component: \"dnn-permissions-grid\",\r\n parameters: {\r\n notes: readme,\r\n actions: {\r\n handles: [\"userSearchQueryChanged\", \"permissionsChanged\"]\r\n }\r\n }\r\n} as Meta;\r\n\r\nconst permissions: IPermissions = {\r\n permissionDefinitions: [\r\n {\r\n permissionId: 8,\r\n permissionName: \"Browse Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: false\r\n },\r\n {\r\n permissionId: 5,\r\n permissionName: \"View Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: false\r\n },\r\n {\r\n permissionId: 6,\r\n permissionName: \"Write to Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: false\r\n }\r\n ],\r\n rolePermissions: [\r\n {\r\n roleId: 0,\r\n roleName: \"Administrators\",\r\n permissions: [\r\n {\r\n permissionId: 8,\r\n permissionName: \"Browse Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: true\r\n },\r\n {\r\n permissionId: 5,\r\n permissionName: \"View Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: true\r\n },\r\n {\r\n permissionId: 6,\r\n permissionName: \"Write to Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: true\r\n }\r\n ],\r\n locked: true,\r\n default: true\r\n },\r\n {\r\n roleId: -1,\r\n roleName: \"All Users\",\r\n permissions: [\r\n {\r\n permissionId: 8,\r\n permissionName: \"Browse Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: true\r\n },\r\n {\r\n permissionId: 5,\r\n permissionName: \"View Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: true\r\n }\r\n ],\r\n locked: false,\r\n default: true\r\n },\r\n {\r\n roleId: 1,\r\n roleName: \"Registered Users\",\r\n permissions: [],\r\n locked: false,\r\n default: true\r\n }\r\n ],\r\n userPermissions: [\r\n {\r\n userId: 2,\r\n displayName: \"Daniel Valadas\",\r\n permissions: [\r\n {\r\n permissionId: 8,\r\n permissionName: \"Browse Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: true\r\n },\r\n {\r\n permissionId: 5,\r\n permissionName: \"View Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: true\r\n },\r\n {\r\n permissionId: 6,\r\n permissionName: \"Write to Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: true\r\n }\r\n ]\r\n }\r\n ]\r\n };\r\n\r\n const roleGroups: IRoleGroup[] = [\r\n {\r\n \"id\": 0,\r\n \"name\": \"Test group\",\r\n \"rolesCount\": 0,\r\n \"description\": \"This is a a test role group\"\r\n },\r\n {\r\n \"id\": 1,\r\n \"name\": \"Another test group\",\r\n \"rolesCount\": 0,\r\n \"description\": \"Another test role.\"\r\n }\r\n];\r\nconst roles: IRole[] = [\r\n {\r\n IsSystemRole: true,\r\n RoleId: 0,\r\n RoleGroupId: -1,\r\n RoleName: \"Administrators\",\r\n },\r\n {\r\n IsSystemRole: true,\r\n RoleId: 1,\r\n RoleGroupId: -1,\r\n RoleName: \"Registered Users\",\r\n },\r\n {\r\n IsSystemRole: true,\r\n RoleId: 5,\r\n RoleGroupId: -1,\r\n RoleName: \"Translator (fr-FR)\",\r\n },\r\n {\r\n IsSystemRole: true,\r\n RoleId: -3,\r\n RoleGroupId: -1,\r\n RoleName: \"Unauthenticated Users\",\r\n },\r\n {\r\n IsSystemRole: false,\r\n RoleId: 10,\r\n RoleGroupId: 1,\r\n RoleName: \"Test Role\",\r\n },\r\n {\r\n IsSystemRole: false,\r\n RoleId: 11,\r\n RoleGroupId: 2,\r\n RoleName: \"Another test role\",\r\n },\r\n];\r\n\r\nconst users = [\r\n{\"userId\":1,\"displayName\":\"Georgena Menico\"},\r\n{\"userId\":2,\"displayName\":\"Ibbie Swindin\"},\r\n{\"userId\":3,\"displayName\":\"Wynn Mc Queen\"},\r\n{\"userId\":4,\"displayName\":\"Emmett Buckthought\"},\r\n{\"userId\":5,\"displayName\":\"Claudianus Aizikov\"},\r\n{\"userId\":6,\"displayName\":\"Burlie D'eathe\"},\r\n{\"userId\":7,\"displayName\":\"Fabio Hysom\"},\r\n{\"userId\":8,\"displayName\":\"Raeann Finker\"},\r\n{\"userId\":9,\"displayName\":\"Kevin Craigmyle\"},\r\n{\"userId\":10,\"displayName\":\"Beaufort MacCoughen\"},\r\n{\"userId\":11,\"displayName\":\"Marcus Ropars\"},\r\n{\"userId\":12,\"displayName\":\"Barnebas Mallinar\"},\r\n{\"userId\":13,\"displayName\":\"Cally McGerr\"},\r\n{\"userId\":14,\"displayName\":\"Claiborn Tather\"},\r\n{\"userId\":15,\"displayName\":\"Adrianna Borsi\"},\r\n{\"userId\":16,\"displayName\":\"Bill De Vuyst\"},\r\n{\"userId\":17,\"displayName\":\"Ervin Kinane\"},\r\n{\"userId\":18,\"displayName\":\"Pam Friel\"},\r\n{\"userId\":19,\"displayName\":\"Garry Twiddle\"},\r\n{\"userId\":20,\"displayName\":\"Loni Mabey\"},\r\n{\"userId\":21,\"displayName\":\"Gerard McGarrie\"},\r\n{\"userId\":22,\"displayName\":\"Claudina McCathy\"},\r\n{\"userId\":23,\"displayName\":\"Bryanty Amorts\"},\r\n{\"userId\":24,\"displayName\":\"Orren Siaskowski\"},\r\n{\"userId\":25,\"displayName\":\"Daisie Barr\"},\r\n{\"userId\":26,\"displayName\":\"Elsbeth Senett\"},\r\n{\"userId\":27,\"displayName\":\"Celestine Cawley\"},\r\n{\"userId\":28,\"displayName\":\"Desmond Cuphus\"},\r\n{\"userId\":29,\"displayName\":\"Ignaz Lewisham\"},\r\n{\"userId\":30,\"displayName\":\"Paola Odams\"},\r\n{\"userId\":31,\"displayName\":\"Nicolais Ducker\"},\r\n{\"userId\":32,\"displayName\":\"Camile McNab\"},\r\n{\"userId\":33,\"displayName\":\"Binni Acreman\"},\r\n{\"userId\":34,\"displayName\":\"Zonda O' Lone\"},\r\n{\"userId\":35,\"displayName\":\"Theressa McCawley\"},\r\n{\"userId\":36,\"displayName\":\"Mareah Heakins\"},\r\n{\"userId\":37,\"displayName\":\"Pasquale Bagworth\"},\r\n{\"userId\":38,\"displayName\":\"Veronike Capey\"},\r\n{\"userId\":39,\"displayName\":\"Jed Kubczak\"},\r\n{\"userId\":40,\"displayName\":\"Stephanus Ricciardelli\"},\r\n{\"userId\":41,\"displayName\":\"Carey Coldman\"},\r\n{\"userId\":42,\"displayName\":\"Shirlee Belliss\"},\r\n{\"userId\":43,\"displayName\":\"Kai Capponeer\"},\r\n{\"userId\":44,\"displayName\":\"Lockwood Pilling\"},\r\n{\"userId\":45,\"displayName\":\"Olga Puleque\"},\r\n{\"userId\":46,\"displayName\":\"Cleon Piccard\"},\r\n{\"userId\":47,\"displayName\":\"Al Rousel\"},\r\n{\"userId\":48,\"displayName\":\"Ida Coltart\"},\r\n{\"userId\":49,\"displayName\":\"Pennie Housley\"},\r\n{\"userId\":50,\"displayName\":\"Lind Ikringill\"}];\r\n\r\nconst handleUserSearchChanged = (e: CustomEvent<string> ) => {\r\n const query = e.detail;\r\n const results = users.filter(u => u.displayName.includes(query));\r\n const grid = document.querySelector(\"dnn-permissions-grid\");\r\n grid.foundUsers = results;\r\n};\r\n\r\nconst Template = (args: {\r\n permissions: IPermissions\r\n roles: IRole[],\r\n roleGroups: IRoleGroup[],\r\n }) =>\r\n html`\r\n <dnn-permissions-grid\r\n .permissions=${args.permissions}\r\n .roles=${args.roles}\r\n .roleGroups=${args.roleGroups}\r\n @userSearchQueryChanged=\"${handleUserSearchChanged}\"\r\n />\r\n `;\r\n\r\nexport const PermissionsGrid = Template.bind({});\r\nPermissionsGrid.args = {\r\n permissions,\r\n roles,\r\n roleGroups,\r\n};"]}
1	+ {"version":3,"file":"dnn-permissions-grid.stories.js","sourceRoot":"","sources":["../../../src/components/dnn-permissions-grid/dnn-permissions-grid.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from \"lit-html\";\r\nimport { Meta } from \"@storybook/web-components\";\r\nimport { IPermissions } from \"./permissions-interface\";\r\nimport readme from \"./readme.md\";\r\nimport { IRoleGroup } from \"./role-group-interface\";\r\nimport { IRole } from \"./role-interface\";\r\n\r\nexport default {\r\n title: \"Elements/Permissions Grid\",\r\n component: \"dnn-permissions-grid\",\r\n parameters: {\r\n notes: readme,\r\n actions: {\r\n handles: [\"userSearchQueryChanged\", \"permissionsChanged\"]\r\n }\r\n }\r\n} as Meta;\r\n\r\nconst permissions: IPermissions = {\r\n permissionDefinitions: [\r\n {\r\n permissionId: 8,\r\n permissionName: \"Browse Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: false\r\n },\r\n {\r\n permissionId: 5,\r\n permissionName: \"View Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: false\r\n },\r\n {\r\n permissionId: 6,\r\n permissionName: \"Write to Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: false\r\n }\r\n ],\r\n rolePermissions: [\r\n {\r\n roleId: 0,\r\n roleName: \"Administrators\",\r\n permissions: [\r\n {\r\n permissionId: 8,\r\n permissionName: \"Browse Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: true\r\n },\r\n {\r\n permissionId: 5,\r\n permissionName: \"View Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: true\r\n },\r\n {\r\n permissionId: 6,\r\n permissionName: \"Write to Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: true\r\n }\r\n ],\r\n locked: true,\r\n default: true\r\n },\r\n {\r\n roleId: -1,\r\n roleName: \"All Users\",\r\n permissions: [\r\n {\r\n permissionId: 8,\r\n permissionName: \"Browse Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: true\r\n },\r\n {\r\n permissionId: 5,\r\n permissionName: \"View Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: true\r\n }\r\n ],\r\n locked: false,\r\n default: true\r\n },\r\n {\r\n roleId: 1,\r\n roleName: \"Registered Users\",\r\n permissions: [],\r\n locked: false,\r\n default: true\r\n }\r\n ],\r\n userPermissions: [\r\n {\r\n userId: 2,\r\n displayName: \"Daniel Valadas\",\r\n permissions: [\r\n {\r\n permissionId: 8,\r\n permissionName: \"Browse Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: true\r\n },\r\n {\r\n permissionId: 5,\r\n permissionName: \"View Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: true\r\n },\r\n {\r\n permissionId: 6,\r\n permissionName: \"Write to Folder\",\r\n permissionKey: null,\r\n permissionCode: null,\r\n fullControl: false,\r\n view: false,\r\n allowAccess: true\r\n }\r\n ]\r\n }\r\n ]\r\n };\r\n\r\n const roleGroups: IRoleGroup[] = [\r\n {\r\n \"id\": 0,\r\n \"name\": \"Test group\",\r\n \"rolesCount\": 0,\r\n \"description\": \"This is a a test role group\"\r\n },\r\n {\r\n \"id\": 1,\r\n \"name\": \"Another test group\",\r\n \"rolesCount\": 0,\r\n \"description\": \"Another test role.\"\r\n }\r\n];\r\nconst roles: IRole[] = [\r\n {\r\n IsSystemRole: true,\r\n RoleId: 0,\r\n RoleGroupId: -1,\r\n RoleName: \"Administrators\",\r\n },\r\n {\r\n IsSystemRole: true,\r\n RoleId: 1,\r\n RoleGroupId: -1,\r\n RoleName: \"Registered Users\",\r\n },\r\n {\r\n IsSystemRole: true,\r\n RoleId: 5,\r\n RoleGroupId: -1,\r\n RoleName: \"Translator (fr-FR)\",\r\n },\r\n {\r\n IsSystemRole: true,\r\n RoleId: -3,\r\n RoleGroupId: -1,\r\n RoleName: \"Unauthenticated Users\",\r\n },\r\n {\r\n IsSystemRole: false,\r\n RoleId: 10,\r\n RoleGroupId: 1,\r\n RoleName: \"Test Role\",\r\n },\r\n {\r\n IsSystemRole: false,\r\n RoleId: 11,\r\n RoleGroupId: 2,\r\n RoleName: \"Another test role\",\r\n },\r\n];\r\n\r\nconst users = [\r\n{\"userId\":1,\"displayName\":\"Georgena Menico\"},\r\n{\"userId\":2,\"displayName\":\"Ibbie Swindin\"},\r\n{\"userId\":3,\"displayName\":\"Wynn Mc Queen\"},\r\n{\"userId\":4,\"displayName\":\"Emmett Buckthought\"},\r\n{\"userId\":5,\"displayName\":\"Claudianus Aizikov\"},\r\n{\"userId\":6,\"displayName\":\"Burlie D'eathe\"},\r\n{\"userId\":7,\"displayName\":\"Fabio Hysom\"},\r\n{\"userId\":8,\"displayName\":\"Raeann Finker\"},\r\n{\"userId\":9,\"displayName\":\"Kevin Craigmyle\"},\r\n{\"userId\":10,\"displayName\":\"Beaufort MacCoughen\"},\r\n{\"userId\":11,\"displayName\":\"Marcus Ropars\"},\r\n{\"userId\":12,\"displayName\":\"Barnebas Mallinar\"},\r\n{\"userId\":13,\"displayName\":\"Cally McGerr\"},\r\n{\"userId\":14,\"displayName\":\"Claiborn Tather\"},\r\n{\"userId\":15,\"displayName\":\"Adrianna Borsi\"},\r\n{\"userId\":16,\"displayName\":\"Bill De Vuyst\"},\r\n{\"userId\":17,\"displayName\":\"Ervin Kinane\"},\r\n{\"userId\":18,\"displayName\":\"Pam Friel\"},\r\n{\"userId\":19,\"displayName\":\"Garry Twiddle\"},\r\n{\"userId\":20,\"displayName\":\"Loni Mabey\"},\r\n{\"userId\":21,\"displayName\":\"Gerard McGarrie\"},\r\n{\"userId\":22,\"displayName\":\"Claudina McCathy\"},\r\n{\"userId\":23,\"displayName\":\"Bryanty Amorts\"},\r\n{\"userId\":24,\"displayName\":\"Orren Siaskowski\"},\r\n{\"userId\":25,\"displayName\":\"Daisie Barr\"},\r\n{\"userId\":26,\"displayName\":\"Elsbeth Senett\"},\r\n{\"userId\":27,\"displayName\":\"Celestine Cawley\"},\r\n{\"userId\":28,\"displayName\":\"Desmond Cuphus\"},\r\n{\"userId\":29,\"displayName\":\"Ignaz Lewisham\"},\r\n{\"userId\":30,\"displayName\":\"Paola Odams\"},\r\n{\"userId\":31,\"displayName\":\"Nicolais Ducker\"},\r\n{\"userId\":32,\"displayName\":\"Camile McNab\"},\r\n{\"userId\":33,\"displayName\":\"Binni Acreman\"},\r\n{\"userId\":34,\"displayName\":\"Zonda O' Lone\"},\r\n{\"userId\":35,\"displayName\":\"Theressa McCawley\"},\r\n{\"userId\":36,\"displayName\":\"Mareah Heakins\"},\r\n{\"userId\":37,\"displayName\":\"Pasquale Bagworth\"},\r\n{\"userId\":38,\"displayName\":\"Veronike Capey\"},\r\n{\"userId\":39,\"displayName\":\"Jed Kubczak\"},\r\n{\"userId\":40,\"displayName\":\"Stephanus Ricciardelli\"},\r\n{\"userId\":41,\"displayName\":\"Carey Coldman\"},\r\n{\"userId\":42,\"displayName\":\"Shirlee Belliss\"},\r\n{\"userId\":43,\"displayName\":\"Kai Capponeer\"},\r\n{\"userId\":44,\"displayName\":\"Lockwood Pilling\"},\r\n{\"userId\":45,\"displayName\":\"Olga Puleque\"},\r\n{\"userId\":46,\"displayName\":\"Cleon Piccard\"},\r\n{\"userId\":47,\"displayName\":\"Al Rousel\"},\r\n{\"userId\":48,\"displayName\":\"Ida Coltart\"},\r\n{\"userId\":49,\"displayName\":\"Pennie Housley\"},\r\n{\"userId\":50,\"displayName\":\"Lind Ikringill\"}];\r\n\r\nconst handleUserSearchChanged = (e: CustomEvent<string> ) => {\r\n const query = e.detail;\r\n const results = users.filter(u => u.displayName.includes(query));\r\n const grid = document.querySelector(\"dnn-permissions-grid\");\r\n grid.foundUsers = results;\r\n};\r\n\r\nconst Template = (args: {\r\n permissions: IPermissions\r\n roles: IRole[],\r\n roleGroups: IRoleGroup[],\r\n }) =>\r\n html`\r\n <dnn-permissions-grid\r\n .permissions=${args.permissions}\r\n .roles=${args.roles}\r\n .roleGroups=${args.roleGroups}\r\n @userSearchQueryChanged=\"${handleUserSearchChanged}\"\r\n />\r\n `;\r\n\r\nexport const PermissionsGrid = Template.bind({});\r\nPermissionsGrid.args = {\r\n permissions,\r\n roles,\r\n roleGroups,\r\n};"]}

package/dist/collection/components/dnn-permissions-grid/localization-interface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"localization-interface.js","sourceRoot":"","sources":["~~../../../../~~src/components/dnn-permissions-grid/localization-interface.tsx"],"names":[],"mappings":"AAUC,CAAC","sourcesContent":["export interface ILocalization{\r\n Add: string;\r\n AllRoles: string;\r\n FilterByGroup: string;\r\n GlobalRoles: string;\r\n Role: string;\r\n RolePermissions: string;\r\n SelectRole: string;\r\n User: string;\r\n UserPermissions: string;\r\n};"]}
1	+ {"version":3,"file":"localization-interface.js","sourceRoot":"","sources":["../../../src/components/dnn-permissions-grid/localization-interface.tsx"],"names":[],"mappings":"AAUC,CAAC","sourcesContent":["export interface ILocalization{\r\n Add: string;\r\n AllRoles: string;\r\n FilterByGroup: string;\r\n GlobalRoles: string;\r\n Role: string;\r\n RolePermissions: string;\r\n SelectRole: string;\r\n User: string;\r\n UserPermissions: string;\r\n};"]}

package/dist/collection/components/dnn-permissions-grid/permissions-interface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"permissions-interface.js","sourceRoot":"","sources":["~~../../../../~~src/components/dnn-permissions-grid/permissions-interface.ts"],"names":[],"mappings":"AAIC,CAAC","sourcesContent":["export interface IPermissions {\r\n permissionDefinitions: IPermissionDefinition[];\r\n rolePermissions: IRolePermission[];\r\n userPermissions: IUserPermission[];\r\n};\r\n\r\nexport interface IPermissionDefinition\r\n{\r\n allowAccess: boolean;\r\n fullControl: boolean;\r\n permissionCode: string;\r\n permissionId: number;\r\n permissionKey: string;\r\n permissionName: string;\r\n view: boolean;\r\n}\r\n\r\nexport interface IRolePermission{\r\n default: boolean;\r\n locked: boolean;\r\n permissions: IPermissionDefinition[];\r\n roleId: number;\r\n roleName: string;\r\n}\r\n\r\nexport interface IUserPermission{\r\n displayName: string;\r\n permissions: IPermissionDefinition[];\r\n userId: number;\r\n}"]}
1	+ {"version":3,"file":"permissions-interface.js","sourceRoot":"","sources":["../../../src/components/dnn-permissions-grid/permissions-interface.ts"],"names":[],"mappings":"AAIC,CAAC","sourcesContent":["export interface IPermissions {\r\n permissionDefinitions: IPermissionDefinition[];\r\n rolePermissions: IRolePermission[];\r\n userPermissions: IUserPermission[];\r\n};\r\n\r\nexport interface IPermissionDefinition\r\n{\r\n allowAccess: boolean;\r\n fullControl: boolean;\r\n permissionCode: string;\r\n permissionId: number;\r\n permissionKey: string;\r\n permissionName: string;\r\n view: boolean;\r\n}\r\n\r\nexport interface IRolePermission{\r\n default: boolean;\r\n locked: boolean;\r\n permissions: IPermissionDefinition[];\r\n roleId: number;\r\n roleName: string;\r\n}\r\n\r\nexport interface IUserPermission{\r\n displayName: string;\r\n permissions: IPermissionDefinition[];\r\n userId: number;\r\n}"]}

package/dist/collection/components/dnn-permissions-grid/role-group-interface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"role-group-interface.js","sourceRoot":"","sources":["~~../../../../~~src/components/dnn-permissions-grid/role-group-interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface IRoleGroup{\r\n description: string;\r\n id: number;\r\n name: string;\r\n rolesCount: number;\r\n}"]}
1	+ {"version":3,"file":"role-group-interface.js","sourceRoot":"","sources":["../../../src/components/dnn-permissions-grid/role-group-interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface IRoleGroup{\r\n description: string;\r\n id: number;\r\n name: string;\r\n rolesCount: number;\r\n}"]}

package/dist/collection/components/dnn-permissions-grid/role-interface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"role-interface.js","sourceRoot":"","sources":["~~../../../../~~src/components/dnn-permissions-grid/role-interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface IRole{\r\n IsSystemRole: boolean;\r\n RoleGroupId: number;\r\n RoleId: number;\r\n RoleName: string;\r\n}"]}
1	+ {"version":3,"file":"role-interface.js","sourceRoot":"","sources":["../../../src/components/dnn-permissions-grid/role-interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface IRole{\r\n IsSystemRole: boolean;\r\n RoleGroupId: number;\r\n RoleId: number;\r\n RoleName: string;\r\n}"]}

package/dist/collection/components/dnn-permissions-grid/searched-user-interface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"searched-user-interface.js","sourceRoot":"","sources":["~~../../../../~~src/components/dnn-permissions-grid/searched-user-interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface ISearchedUser{\r\n userId: number;\r\n displayName: string;\r\n}"]}
1	+ {"version":3,"file":"searched-user-interface.js","sourceRoot":"","sources":["../../../src/components/dnn-permissions-grid/searched-user-interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface ISearchedUser{\r\n userId: number;\r\n displayName: string;\r\n}"]}

package/dist/collection/components/dnn-searchbox/dnn-searchbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dnn-searchbox.js","sourceRoot":"","sources":["~~../../../../~~src/components/dnn-searchbox/dnn-searchbox.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAMpD,MAAM,OAAO,YAAY;EALzB;IAOE;;OAEG;IACK,gBAAW,GAAY,EAAE,CAAC;IAElC;;OAEG;IACK,cAAS,GAAY,IAAI,CAAC;IAElC,qBAAqB;IACE,UAAK,GAAW,EAAE,CAAC;GA+C3C;EAtCC,gBAAgB;IACd,IAAI,IAAI,CAAC,SAAS,EAAC;MACjB,IAAI,CAAC,2BAA2B,EAAE,CAAC;KACpC;SACG;MACF,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;EACH,CAAC;EAEO,kBAAkB;IACxB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;EACrC,CAAC;EAGO,2BAA2B;IACjC,IAAI,CAAC,kBAAkB,EAAE,CAAC;EAC5B,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,aAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAClC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,GAC/D;MACD,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC;QAClB,cAAQ,KAAK,EAAC,WAAW,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE;UAE9B,WAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;YAAC,YAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAE;YAAA,YAAM,CAAC,EAAC,iLAAiL,GAAE,CAAM,CACrU;QACX,CAAC;UACD,WAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;YAAC,YAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAE;YAAA,YAAM,CAAC,EAAC,4OAA4O,GAAE,CAAM,CAElY,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF;AAxBC;EADC,QAAQ,CAAC,GAAG,CAAC;+DAGb","sourcesContent":["import { Component, Host, h, Event, EventEmitter, Watch, Prop } from '@stencil/core';\nimport { Debounce } from '../../utilities/debounce';\n@Component({\n tag: 'dnn-searchbox',\n styleUrl: 'dnn-searchbox.scss',\n shadow: true\n})\nexport class DnnSearchbox {\n\n /*\n Sets the field placeholder text.\n /\n @Prop() placeholder?: string = \"\";\n\n /\n Debounces the queryChanged by 500ms.\n /\n @Prop() debounced: boolean = true;\n\n /* Sets the query /\n @Prop({mutable: true}) query: string = \"\";\n\n /\n Fires up each time the search query changes.\n * The data passed is the new query.\n */\n @Event() queryChanged: EventEmitter<string>;\n\n @Watch('query')\n fireQueryChanged(){\n if (this.debounced){\n this.debouncedHandleQueryChanged();\n }\n else{\n this.handleQueryChanged();\n }\n }\n \n private handleQueryChanged(){\n this.queryChanged.emit(this.query);\n }\n\n @Debounce(500)\n private debouncedHandleQueryChanged(){\n this.handleQueryChanged();\n }\n\n render() {\n return (\n <Host>\n <input type=\"text\" value={this.query}\n placeholder={this.placeholder}\n onInput={e => this.query = (e.target as HTMLInputElement).value}\n />\n {this.query !== \"\" ?\n <button class=\"svg clear\"\n onClick={() => this.query = \"\"}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>\n </button>\n :\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"/></svg>\n }\n </Host>\n );\n }\n\n}\n"]}
1	+ {"version":3,"file":"dnn-searchbox.js","sourceRoot":"","sources":["../../../src/components/dnn-searchbox/dnn-searchbox.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAMpD,MAAM,OAAO,YAAY;EALzB;IAOE;;OAEG;IACK,gBAAW,GAAY,EAAE,CAAC;IAElC;;OAEG;IACK,cAAS,GAAY,IAAI,CAAC;IAElC,qBAAqB;IACE,UAAK,GAAW,EAAE,CAAC;GA+C3C;EAtCC,gBAAgB;IACd,IAAI,IAAI,CAAC,SAAS,EAAC;MACjB,IAAI,CAAC,2BAA2B,EAAE,CAAC;KACpC;SACG;MACF,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;EACH,CAAC;EAEO,kBAAkB;IACxB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;EACrC,CAAC;EAGO,2BAA2B;IACjC,IAAI,CAAC,kBAAkB,EAAE,CAAC;EAC5B,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,aAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAClC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,GAC/D;MACD,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC;QAClB,cAAQ,KAAK,EAAC,WAAW,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE;UAE9B,WAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;YAAC,YAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAE;YAAA,YAAM,CAAC,EAAC,iLAAiL,GAAE,CAAM,CACrU;QACX,CAAC;UACD,WAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;YAAC,YAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAE;YAAA,YAAM,CAAC,EAAC,4OAA4O,GAAE,CAAM,CAElY,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF;AAxBC;EADC,QAAQ,CAAC,GAAG,CAAC;+DAGb","sourcesContent":["import { Component, Host, h, Event, EventEmitter, Watch, Prop } from '@stencil/core';\nimport { Debounce } from '../../utilities/debounce';\n@Component({\n tag: 'dnn-searchbox',\n styleUrl: 'dnn-searchbox.scss',\n shadow: true\n})\nexport class DnnSearchbox {\n\n /*\n Sets the field placeholder text.\n /\n @Prop() placeholder?: string = \"\";\n\n /\n Debounces the queryChanged by 500ms.\n /\n @Prop() debounced: boolean = true;\n\n /* Sets the query /\n @Prop({mutable: true}) query: string = \"\";\n\n /\n Fires up each time the search query changes.\n * The data passed is the new query.\n */\n @Event() queryChanged: EventEmitter<string>;\n\n @Watch('query')\n fireQueryChanged(){\n if (this.debounced){\n this.debouncedHandleQueryChanged();\n }\n else{\n this.handleQueryChanged();\n }\n }\n \n private handleQueryChanged(){\n this.queryChanged.emit(this.query);\n }\n\n @Debounce(500)\n private debouncedHandleQueryChanged(){\n this.handleQueryChanged();\n }\n\n render() {\n return (\n <Host>\n <input type=\"text\" value={this.query}\n placeholder={this.placeholder}\n onInput={e => this.query = (e.target as HTMLInputElement).value}\n />\n {this.query !== \"\" ?\n <button class=\"svg clear\"\n onClick={() => this.query = \"\"}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>\n </button>\n :\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"/></svg>\n }\n </Host>\n );\n }\n\n}\n"]}

package/dist/collection/components/dnn-searchbox/dnn-searchbox.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dnn-searchbox.stories.js","sourceRoot":"","sources":["~~../../../../~~src/components/dnn-searchbox/dnn-searchbox.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,eAAe;EACX,KAAK,EAAE,oBAAoB;EAC3B,SAAS,EAAE,eAAe;EAC1B,UAAU,EAAE;IACR,KAAK,EAAE,MAAM;IACb,OAAO,EAAE;MACL,OAAO,EAAE,CAAC,cAAc,CAAC;KAC5B;GACJ;CACI,CAAC;AAEV,MAAM,QAAQ,GAAG,CAAC,IAIjB,EAAE,EAAE,CACD,IAAI,CAAA;;yBAEiB,IAAI,CAAC,SAAS;0BACb,IAAI,CAAC,WAAW;oBACtB,IAAI,CAAC,KAAK;;KAEzB,CAAC;AAEN,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;EACb,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,QAAQ;EACrB,KAAK,EAAE,EAAE;CACZ,CAAA","sourcesContent":["import { html } from \"lit-html\";\r\nimport { Meta } from \"@storybook/web-components\";\r\nimport readme from \"./readme.md\";\r\n\r\nexport default {\r\n title: \"Elements/Searchbox\",\r\n component: \"dnn-searchbox\",\r\n parameters: {\r\n notes: readme,\r\n actions: {\r\n handles: ['queryChanged'],\r\n }\r\n }\r\n} as Meta;\r\n\r\nconst Template = (args : {\r\n debounced: boolean,\r\n placeholder: string,\r\n query: string,\r\n}) =>\r\n html`\r\n <dnn-searchbox\r\n ?debounced=${args.debounced}\r\n placeholder=${args.placeholder}\r\n query=${args.query}\r\n />\r\n `;\r\n\r\nexport const Searchbox = Template.bind({});\r\nSearchbox.args = {\r\n debounced: true,\r\n placeholder: \"Search\",\r\n query: \"\",\r\n}"]}
1	+ {"version":3,"file":"dnn-searchbox.stories.js","sourceRoot":"","sources":["../../../src/components/dnn-searchbox/dnn-searchbox.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,eAAe;EACX,KAAK,EAAE,oBAAoB;EAC3B,SAAS,EAAE,eAAe;EAC1B,UAAU,EAAE;IACR,KAAK,EAAE,MAAM;IACb,OAAO,EAAE;MACL,OAAO,EAAE,CAAC,cAAc,CAAC;KAC5B;GACJ;CACI,CAAC;AAEV,MAAM,QAAQ,GAAG,CAAC,IAIjB,EAAE,EAAE,CACD,IAAI,CAAA;;yBAEiB,IAAI,CAAC,SAAS;0BACb,IAAI,CAAC,WAAW;oBACtB,IAAI,CAAC,KAAK;;KAEzB,CAAC;AAEN,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;EACb,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,QAAQ;EACrB,KAAK,EAAE,EAAE;CACZ,CAAA","sourcesContent":["import { html } from \"lit-html\";\r\nimport { Meta } from \"@storybook/web-components\";\r\nimport readme from \"./readme.md\";\r\n\r\nexport default {\r\n title: \"Elements/Searchbox\",\r\n component: \"dnn-searchbox\",\r\n parameters: {\r\n notes: readme,\r\n actions: {\r\n handles: ['queryChanged'],\r\n }\r\n }\r\n} as Meta;\r\n\r\nconst Template = (args : {\r\n debounced: boolean,\r\n placeholder: string,\r\n query: string,\r\n}) =>\r\n html`\r\n <dnn-searchbox\r\n ?debounced=${args.debounced}\r\n placeholder=${args.placeholder}\r\n query=${args.query}\r\n />\r\n `;\r\n\r\nexport const Searchbox = Template.bind({});\r\nSearchbox.args = {\r\n debounced: true,\r\n placeholder: \"Search\",\r\n query: \"\",\r\n}"]}