@aurodesignsystem-dev/auro-drawer 0.0.0-pr131.12 → 0.0.0-pr131.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/demo/api.min.js
CHANGED
|
@@ -4374,9 +4374,7 @@ class AuroDrawer extends AuroFloater {
|
|
|
4374
4374
|
|
|
4375
4375
|
if (changedProperties.has("isPopoverVisible")) {
|
|
4376
4376
|
this.drawerBib.visible = this.isPopoverVisible;
|
|
4377
|
-
|
|
4378
|
-
this.drawerBib.closing = true;
|
|
4379
|
-
}
|
|
4377
|
+
this.drawerBib.closing = !this.isPopoverVisible;
|
|
4380
4378
|
}
|
|
4381
4379
|
|
|
4382
4380
|
if (changedProperties.has("triggerElement")) {
|
package/demo/index.min.js
CHANGED
|
@@ -4126,9 +4126,7 @@ class AuroDrawer extends AuroFloater {
|
|
|
4126
4126
|
|
|
4127
4127
|
if (changedProperties.has("isPopoverVisible")) {
|
|
4128
4128
|
this.drawerBib.visible = this.isPopoverVisible;
|
|
4129
|
-
|
|
4130
|
-
this.drawerBib.closing = true;
|
|
4131
|
-
}
|
|
4129
|
+
this.drawerBib.closing = !this.isPopoverVisible;
|
|
4132
4130
|
}
|
|
4133
4131
|
|
|
4134
4132
|
if (changedProperties.has("triggerElement")) {
|
|
@@ -130,4 +130,4 @@ import{unsafeStatic as e,literal as t,html as o}from"lit/static-html.js";import{
|
|
|
130
130
|
</div>
|
|
131
131
|
`}
|
|
132
132
|
</div>
|
|
133
|
-
`}}customElements.get("auro-drawer-content")||customElements.define("auro-drawer-content",Rt);const Lt=["lg","md","sm","xs"];function Ft(e){if(!(Lt.includes(e)?e:void 0))return;return getComputedStyle(document.documentElement).getPropertyValue("--ds-grid-breakpoint-"+e)}const qt={backdrop:!0,prefix:"auroDrawer"};class _t extends Pe{constructor(){super("drawer"),this._initializeDefaults()}_initializeDefaults(){this.closeButtonAppearance="default",this.placement="right",this.size="lg",this.fullscreenBreakpoint="sm",this.drawerBib=void 0}static get properties(){return{...Pe.properties,closeButtonAppearance:{type:String,attribute:"close-button-appearance",carryDown:!0,reflect:!0},fullscreenBreakpoint:{type:String,reflect:!0},modal:{type:Boolean,carryDown:!0,reflect:!0},nested:{type:Boolean,reflect:!0},onDark:{type:Boolean,carryDown:!0,reflect:!0},placement:{type:String,carryDown:!0},size:{type:String,carryDown:!0},unformatted:{type:Boolean,carryDown:!0,reflect:!0}}}static register(e="auro-drawer"){l.prototype.registerComponent(e,_t)}get floaterConfig(){return{...super.floaterConfig,...qt,placement:this.placement,fullscreenBreakpoint:Ft(this.fullscreenBreakpoint)}}set expanded(e){e?this.drawerBib.setAttribute("stretch",""):this.drawerBib.removeAttribute("stretch")}get expanded(){return this.drawerBib.hasAttribute("stretch")}firstUpdated(){super.firstUpdated(),l.prototype.handleComponentTagRename(this,"auro-drawer"),this.drawerBib=document.createElement("auro-drawer-content"),this.drawerBib.triggerElement=this.triggerElement,this.drawerBib.addEventListener("close-click",()=>{this.hide()}),this.append(this.drawerBib),this.bib.setAttribute("exportparts","backdrop:drawer-backdrop"),this.setupAria()}setupAria(){this.triggerElement&&(this.triggerElement.setAttribute("aria-haspopup","dialog"),this.triggerElement.setAttribute("aria-controls",this.bib.getAttribute("id")))}updateDrawerBibAttribute(e,t){"boolean"==typeof t||void 0===t?t?this.drawerBib.setAttribute(e,""):this.drawerBib.removeAttribute(e):this.drawerBib.setAttribute(e,t)}updated(e){super.updated(e),[...this.children].forEach(e=>{e!==this.drawerBib&&this.drawerBib.append(e)}),[...e.entries()].forEach(([e])=>{_t.properties[e].carryDown&&this.updateDrawerBibAttribute(_t.properties[e].attribute||e,this[e])}),e.has("isPopoverVisible")&&(this.drawerBib.visible=this.isPopoverVisible,this.
|
|
133
|
+
`}}customElements.get("auro-drawer-content")||customElements.define("auro-drawer-content",Rt);const Lt=["lg","md","sm","xs"];function Ft(e){if(!(Lt.includes(e)?e:void 0))return;return getComputedStyle(document.documentElement).getPropertyValue("--ds-grid-breakpoint-"+e)}const qt={backdrop:!0,prefix:"auroDrawer"};class _t extends Pe{constructor(){super("drawer"),this._initializeDefaults()}_initializeDefaults(){this.closeButtonAppearance="default",this.placement="right",this.size="lg",this.fullscreenBreakpoint="sm",this.drawerBib=void 0}static get properties(){return{...Pe.properties,closeButtonAppearance:{type:String,attribute:"close-button-appearance",carryDown:!0,reflect:!0},fullscreenBreakpoint:{type:String,reflect:!0},modal:{type:Boolean,carryDown:!0,reflect:!0},nested:{type:Boolean,reflect:!0},onDark:{type:Boolean,carryDown:!0,reflect:!0},placement:{type:String,carryDown:!0},size:{type:String,carryDown:!0},unformatted:{type:Boolean,carryDown:!0,reflect:!0}}}static register(e="auro-drawer"){l.prototype.registerComponent(e,_t)}get floaterConfig(){return{...super.floaterConfig,...qt,placement:this.placement,fullscreenBreakpoint:Ft(this.fullscreenBreakpoint)}}set expanded(e){e?this.drawerBib.setAttribute("stretch",""):this.drawerBib.removeAttribute("stretch")}get expanded(){return this.drawerBib.hasAttribute("stretch")}firstUpdated(){super.firstUpdated(),l.prototype.handleComponentTagRename(this,"auro-drawer"),this.drawerBib=document.createElement("auro-drawer-content"),this.drawerBib.triggerElement=this.triggerElement,this.drawerBib.addEventListener("close-click",()=>{this.hide()}),this.append(this.drawerBib),this.bib.setAttribute("exportparts","backdrop:drawer-backdrop"),this.setupAria()}setupAria(){this.triggerElement&&(this.triggerElement.setAttribute("aria-haspopup","dialog"),this.triggerElement.setAttribute("aria-controls",this.bib.getAttribute("id")))}updateDrawerBibAttribute(e,t){"boolean"==typeof t||void 0===t?t?this.drawerBib.setAttribute(e,""):this.drawerBib.removeAttribute(e):this.drawerBib.setAttribute(e,t)}updated(e){super.updated(e),[...this.children].forEach(e=>{e!==this.drawerBib&&this.drawerBib.append(e)}),[...e.entries()].forEach(([e])=>{_t.properties[e].carryDown&&this.updateDrawerBibAttribute(_t.properties[e].attribute||e,this[e])}),e.has("isPopoverVisible")&&(this.drawerBib.visible=this.isPopoverVisible,this.drawerBib.closing=!this.isPopoverVisible),e.has("triggerElement")&&(this.drawerBib&&(this.drawerBib.triggerElement=this.triggerElement),this.setupAria())}}export{_t as A};
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{A as AuroDrawer}from"./auro-drawer-
|
|
1
|
+
export{A as AuroDrawer}from"./auro-drawer-By1ofvqo.js";import"lit/static-html.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";
|
package/dist/registered.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{A as i}from"./auro-drawer-
|
|
1
|
+
import{A as i}from"./auro-drawer-By1ofvqo.js";import"lit/static-html.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register();
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"================================================================================"
|
|
8
8
|
],
|
|
9
9
|
"name": "@aurodesignsystem-dev/auro-drawer",
|
|
10
|
-
"version": "0.0.0-pr131.
|
|
10
|
+
"version": "0.0.0-pr131.14",
|
|
11
11
|
"description": "auro-drawer HTML custom element",
|
|
12
12
|
"repository": {
|
|
13
13
|
"type": "git",
|