npm - @digital-realty/ix-dialog - Versions diffs - 1.3.6 → 1.3.7 - Mend

@digital-realty/ix-dialog 1.3.6 → 1.3.7

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 (4) hide show

package/dist/IxDialog.js CHANGED Viewed

@@ -363,10 +363,15 @@ export class IxDialog extends ixDialogBaseClass {
     from { transform: translateY(0) scaleY(1); opacity: 1; }
     to { transform: translateY(-0.5rem) scaleY(0.98); opacity: 0; }
   }
+  /* 'backwards' (not 'both') so the finished animation does not leave a
+     transform on the container. A retained transform, even an identity one,
+     turns the container into the containing block for position: fixed
+     descendants (e.g. md-menu with menu-positioning="fixed"), which then
+     render offset by the container's position and get clipped. */
   dialog[open] > .container:not(.closing) {
     transform-origin: top center;
     animation: ix-portal-fold-in var(--ix-dialog-in-dur, 500ms)
-      cubic-bezier(0.2, 0.7, 0.3, 1) both;
+      cubic-bezier(0.2, 0.7, 0.3, 1) backwards;
   }
   .container.closing {
     animation: ix-portal-fold-out var(--ix-dialog-out-dur, 250ms)

package/dist/IxDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IxDialog.js","sourceRoot":"","sources":["../src/IxDialog.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AACvF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAkB,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,GAAG,EAAO,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,gBAAgB,CAAC;AAExB,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC,CAAC;AAE9E,MAAM,OAAO,QAAS,SAAQ,iBAAiB;IAA/C;;QA4H8C,SAAI,GAAG,KAAK,CAAC;QAEC,kBAAa,GACrE,KAAK,CAAC;QAEqB,6BAAwB,GAAG,KAAK,CAAC;QAEjC,kCAA6B,GAAG,KAAK,CAAC;QAGnE,oBAAe,GAAG,KAAK,CAAC;QAEK,kBAAa,GAAG,KAAK,CAAC;QAOlC,kBAAa,GAAG,KAAK,CAAC;QAE/B,cAAS,GAA2B,SAAS,EAAE,CAAC;QAEhD,iBAAY,GAAwB,SAAS,EAAE,CAAC;QAQhD,sBAAiB,GAAG,KAAK,CAAC;QAE1B,mBAAc,GAAG,KAAK,CAAC;QAEvB,kBAAa,GAAG,CAAC,CAAC;QA4clB,oBAAe,GAAG,CAAC,CAAgB,EAAE,EAAE;YAC7C,IAAI,CAAC,CAAC,gBAAgB;gBAAE,OAAO;YAC/B,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;gBACtB,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;gBACvB,OAAO;aACR;YACD,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK;gBAAE,OAAO;YAE5B,MAAM,SAAS,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;YACpD,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;YAC3B,MAAM,IAAI,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAC7C,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE;gBACnB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO;aACR;YAED,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC;YAC1C,MAAM,MAAM,GAAG,CAAC,OAAoB,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAChE,IAAI,CAAC,CAAC,QAAQ,EAAE;gBACd,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;oBAC5C,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,KAAK,EAAE,CAAC;iBACd;aACF;iBAAM,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE;gBACvB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,KAAK,CAAC,KAAK,EAAE,CAAC;aACf;QACH,CAAC,CAAC;QAEM,mBAAc,GAAG,CAAC,CAAQ,EAAE,EAAE;YACpC,wEAAwE;YACxE,0EAA0E;YAC1E,yDAAyD;YACzD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,IAAI,CAAC,aAAa;gBAAE,OAAO;YAE/B,MAAM,SAAS,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE;gBACpC,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,UAAU,EAAE,IAAI;aACjB,CAAC,CAAC;YACH,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;YACjD,IAAI,SAAS;gBAAE,OAAO;YACtB,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC;QAEM,kBAAa,GAAG,GAAG,EAAE;YAC3B,qEAAqE;YACrE,iEAAiE;YACjE,IAAI,IAAI,CAAC,IAAI;gBAAE,IAAI,CAAC,YAAY,EAAE,CAAC;QACrC,CAAC,CAAC;QAEM,mBAAc,GAAG,CAAC,CAAc,EAAE,EAAE;YAC1C,IAAI,CAAC,CAAC,gBAAgB;gBAAE,OAAO;YAE/B,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC;YACtC,IAAI,CAAC,CAAC,IAAI,YAAY,eAAe,CAAC;gBAAE,OAAO;YAE/C,MAAM,eAAe,GACnB,SAAS,YAAY,iBAAiB;gBACtC,SAAS,YAAY,gBAAgB,CAAC;YACxC,MAAM,eAAe,GACnB,eAAe,IAAI,SAAS,CAAC,YAAY,CAAC,YAAY,CAAC;gBACrD,CAAC,CAAC,SAAS,CAAC,UAAU;gBACtB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;YAClB,IAAI,eAAe,CAAC,WAAW,EAAE,KAAK,QAAQ;gBAAE,OAAO;YAEvD,qEAAqE;YACrE,uEAAuE;YACvE,sEAAsE;YACtE,0EAA0E;YAC1E,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,IAAI,CAAC,YAAY,EAAE;gBACrB,IAAI,CAAC,YAAY,CAAC,WAAW;oBAC3B,eAAe,IAAI,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;aACvD;YACD,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC;QAMM,iBAAY,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,IAAI,CAAC,wBAAwB;gBAAE,IAAI,CAAC,YAAY,EAAE,CAAC;QAC1D,CAAC,CAAC;IA6KJ,CAAC;IAhsBC,IAAY,uBAAuB;QACjC,MAAM,cAAc,GAAG,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAClD,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YAC9C,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;gBACjC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;aACxC;SACF;QACD,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,IAAY,YAAY;;QACtB,OAAO,MAAA,IAAI,CAAC,SAAS,CAAC,KAAK,mCAAI,IAAI,CAAC;IACtC,CAAC;IAED,IAAY,qBAAqB;;QAC/B,OAAO,MAAA,IAAI,CAAC,YAAY,CAAC,KAAK,mCAAI,IAAI,CAAC;IACzC,CAAC;IAED,IAAY,iBAAiB;QAC3B,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CACnC,KAAK,CAAC,EAAE,CAAC,KAAK,YAAY,WAAW,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,CACnE,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,EAAE,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YAClC,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,IAAI;gBAAE,IAAI,CAAC,cAAc,EAAE,CAAC;QAC/D,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;YACpB,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;YAChB,aAAa,EAAE,IAAI;SACpB,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,MAAA,IAAI,CAAC,EAAE,0CAAE,UAAU,EAAE,CAAC;QACtB,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAChC,IAAI,CAAC,yBAAyB,EAAE,CAAC;QACjC,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAC/B,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,OAAO,CAAC,OAA6B;QACnC,IAAI,CAAC,IAAI,CAAC,eAAe;YAAE,OAAO;QAClC,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACvB,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,IAAI,CAAC,wBAAwB,EAAE,CAAC;gBAChC,IAAI,CAAC,yBAAyB,EAAE,CAAC;gBACjC,IAAI,CAAC,YAAY,EAAE,CAAC;gBACpB,IAAI,IAAI,CAAC,UAAU,EAAE;oBACnB,IAAI,CAAC,kBAAkB,EAAE,CAAC;oBAC1B,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;oBAC/C,IAAI,CAAC,cAAc,EAAE,CAAC;iBACvB;gBACD,IAAI,IAAI,CAAC,aAAa,EAAE;oBACtB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;iBAC5B;gBACD,IAAI,CAAC,aAAa,CAChB,IAAI,KAAK,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CACrD,CAAC;gBACF,IAAI,CAAC,UAAU,EAAE,CAAC;gBAClB,IAAI,CAAC,aAAa,GAAG,qBAAqB,CAAC,GAAG,EAAE;;oBAC9C,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;oBAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC;oBACjC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,CAAA;wBAAE,OAAO;oBACrE,IAAI,CAAC,MAAM,CAAC,IAAI;wBAAE,MAAM,CAAC,IAAI,EAAE,CAAC;oBAChC,gEAAgE;oBAChE,8DAA8D;oBAC9D,MAAA,IAAI,CAAC,qBAAqB,0CAAE,KAAK,EAAE,CAAC;oBACpC,IAAI,CAAC,eAAe,GAAG,qBAAqB,CAAC,GAAG,EAAE;wBAChD,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;wBACjC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;4BACpD,OAAO;yBACR;wBACD,IAAI,CAAC,aAAa,CAChB,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CACvD,CAAC;oBACJ,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC,CAAC;aACJ;iBAAM,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;gBAC1D,IAAI,CAAC,yBAAyB,EAAE,CAAC;aAClC;SACF;IACH,CAAC;IAEM,OAAO;QACZ,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO;QACvB,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;YAC1B,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,yBAAyB;QAC/B,IAAI,IAAI,CAAC,aAAa;YAAE,OAAO;QAC/B,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAChC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAE1E,MAAM,MAAM,GAAG,GAAG,EAAE;;YAClB,MAAA,IAAI,CAAC,qBAAqB,0CAAE,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YACxD,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,MAAA,IAAI,CAAC,YAAY,0CAAE,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,aAAa,CAChB,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CACvD,CAAC;YACF,IAAI,CAAC,uBAAuB,EAAE,CAAC;YAC/B,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC;QAEF,MAAM,SAAS,GAAG,IAAI,CAAC,qBAAqB,CAAC;QAC7C,IAAI,CAAC,SAAS,EAAE;YACd,MAAM,EAAE,CAAC;YACT,OAAO;SACR;QAED,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAEnC,IAAI,IAAI,GAAG,KAAK,CAAC;QACjB,MAAM,KAAK,GAAG,CAAC,KAAsB,EAAE,EAAE;YACvC,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS;gBAAE,OAAO;YAChD,IAAI,IAAI;gBAAE,OAAO;YACjB,IAAI,GAAG,IAAI,CAAC;YACZ,SAAS,CAAC,mBAAmB,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;YACrD,IAAI,IAAI,CAAC,mBAAmB,KAAK,SAAS,EAAE;gBAC1C,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;gBAC9C,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;aACtC;YACD,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;YAC7B,MAAM,EAAE,CAAC;QACX,CAAC,CAAC;QACF,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,SAAS,CAAC,gBAAgB,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;QAElD,0EAA0E;QAC1E,sEAAsE;QACtE,kDAAkD;QAClD,MAAM,KAAK,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC1C,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,EAAE;YAClC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;YAC7B,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC;gBAAE,OAAO,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACnE,IAAI,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC;gBACvB,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC;YAClD,OAAO,CAAC,CAAC;QACX,CAAC,CAAC;QACF,MAAM,SAAS,GAAG,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACpE,MAAM,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAC9D,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAClC,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,WACvB,OAAA,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,GAAG,CAAC,MAAA,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,mCAAI,CAAC,CAAC,CAAC,CAAA,EAAA,EAChE,CAAC,CACF,CAAC;QACF,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC,UAAU,CAC1C,KAAK,EACL,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CACxC,CAAC;IACJ,CAAC;IAEO,wBAAwB;QAC9B,IAAI,IAAI,CAAC,aAAa,KAAK,SAAS,EAAE;YACpC,oBAAoB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YACzC,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;SAChC;QACD,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE;YACtC,oBAAoB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;YAC3C,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;SAClC;IACH,CAAC;IAEO,yBAAyB;;QAC/B,IAAI,IAAI,CAAC,mBAAmB,KAAK,SAAS,EAAE;YAC1C,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;YAC9C,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;SACtC;QACD,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAClD,IAAI,CAAC,qBAAqB,CAAC,mBAAmB,CAC5C,cAAc,EACd,IAAI,CAAC,WAAW,CACjB,CAAC;SACH;QACD,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;QAC7B,MAAA,IAAI,CAAC,qBAAqB,0CAAE,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAC1D,CAAC;IAEO,YAAY;QAClB,IAAI,IAAI,CAAC,UAAU;YAAE,OAAO;QAC5B,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;QAC7D,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QACjD,IAAI,IAAI,CAAC,UAAU,IAAI,oBAAoB,IAAI,IAAI,CAAC,UAAU,EAAE;YAC7D,IAAY,CAAC,kBAAkB,GAC9B,IAAI,CAAC,UACN,CAAC,kBAAkB,CAAC;SACtB;QACD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAChC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACzB,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,aAAa;YAAE,OAAO;QACnD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE9C,MAAM,kBAAkB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoF5B,CAAC;QAEA,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,MAAM,WAAW,GAAqB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC;gBACrE,CAAC,CAAC,IAAI,CAAC,aAAa;gBACpB,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YACzB,MAAM,mBAAmB,GAAG,WAAW;iBACpC,GAAG,CAAC,YAAY,CAAC,EAAE;gBAClB,IAAI,OAAO,YAAY,KAAK,QAAQ,IAAI,SAAS,IAAI,YAAY,EAAE;oBACjE,OAAO,YAAY,CAAC,OAAO,CAAC;iBAC7B;gBACD,OAAO,EAAE,CAAC;YACZ,CAAC,CAAC;iBACD,IAAI,CAAC,IAAI,CAAC,CAAC;YAEd,KAAK,CAAC,WAAW,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;SAC9D;aAAM;YACL,KAAK,CAAC,WAAW,GAAG,kBAAkB,CAAC;SACxC;QAED,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC7B,CAAC;IAEO,cAAc;;QACpB,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QAC7B,IAAI,IAAI,CAAC,UAAU;YAAE,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;QACtD,MAAA,IAAI,CAAC,aAAa,0CAAE,MAAM,EAAE,CAAC;QAC7B,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;QAC/B,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;QACzB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC9B,CAAC;IAEO,iBAAiB,CAAC,QAAgB,EAAE,cAAsB;QAChE,IAAI,CAAC,IAAI,CAAC,qBAAqB;YAAE,OAAO;QACxC,MAAM,MAAM,GAAG,IAAI,CAAC,qBAAqB,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QACxE,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAC5C,EAAE,CAAC,EAAE,CAAC,EAAE,YAAY,WAAW,IAAI,EAAE,CAAC,IAAI,KAAK,QAAQ,CACxD,CAAC;QACF,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,CAAC;IAEO,uBAAuB;QAC7B,IAAI,CAAC,IAAI,CAAC,qBAAqB;YAAE,OAAO;QACxC,MAAM,CAAC,GAAG,IAAI,CAAC,qBAAqB,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QAChE,MAAM,CAAC,GAAG,IAAI,CAAC,qBAAqB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAC/D,MAAM,CAAC,GAAG,IAAI,CAAC,qBAAqB,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAC/D,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YAC5B,IAAI,CAAC,SAAS;gBAAE,OAAO;YACvB,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;YAClD,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;QAChD,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QAC9C,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAChD,CAAC;IAEO,MAAM,CAAC,iBAAiB,CAAC,IAAiB;QAChD,IAAI,IAAI,CAAC,YAAY;YAAE,OAAO,IAAI,CAAC,YAAY,CAAC;QAChD,IAAI,IAAI,CAAC,aAAa;YAAE,OAAO,IAAI,CAAC,aAAa,CAAC;QAClD,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,WAAW,EAAgB,CAAC;QAClD,OAAO,IAAI,YAAY,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACnD,CAAC;IAEO,MAAM,CAAC,kBAAkB,CAAC,IAAiB;;QACjD,IACE,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;YAC7B,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;YAC3B,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;YAC1B,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM;YAC7C,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,MAAM;YAEzC,IAKD,CAAC,QAAQ,EACV;YACA,OAAO,IAAI,CAAC;SACb;QAED,MAAM,KAAK,GAAG,MAAA,MAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,WAAW,0CAAE,gBAAgB,mDAAG,IAAI,CAAC,CAAC;QACxE,OAAO,CAAC,CAAC,CACP,KAAK;YACL,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM;gBACvB,KAAK,CAAC,UAAU,KAAK,QAAQ;gBAC7B,KAAK,CAAC,UAAU,KAAK,UAAU,CAAC,CACnC,CAAC;IACJ,CAAC;IAEO,MAAM,CAAC,6BAA6B,CAAC,MAAmB;QAC9D,IAAI,CAAC,MAAM,CAAC,WAAW;YAAE,OAAO,KAAK,CAAC;QAEtC,MAAM,IAAI,GAAG,IAAI,GAAG,EAAQ,CAAC;QAC7B,IAAI,IAAI,GAAuB,MAAM,CAAC;QACtC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YAC9B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACf,IAAI,QAAQ,CAAC,kBAAkB,CAAC,IAAI,CAAC;gBAAE,OAAO,KAAK,CAAC;YACpD,IAAI,GAAG,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;SACzC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,0BAA0B;QAChC,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC;QACjC,IAAI,CAAC,MAAM;YAAE,OAAO,EAAE,CAAC;QAEvB,MAAM,SAAS,GAAkB,EAAE,CAAC;QACpC,MAAM,IAAI,GAAG,IAAI,GAAG,EAAQ,CAAC;QAC7B,MAAM,KAAK,GAAG,CAAC,IAA0B,EAAE,EAAE;YAC3C,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;gBAAE,OAAO;YAC3B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAEf,IACE,IAAI,YAAY,WAAW;gBAC3B,IAAI,CAAC,QAAQ,IAAI,CAAC;gBAClB,QAAQ,CAAC,6BAA6B,CAAC,IAAI,CAAC,EAC5C;gBACA,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACtB;YACD,IAAI,IAAI,YAAY,eAAe,EAAE;gBACnC,sEAAsE;gBACtE,mEAAmE;gBACnE,mEAAmE;gBACnE,qEAAqE;gBACrE,oEAAoE;gBACpE,8DAA8D;gBAC9D,oDAAoD;gBACpD,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;gBACvD,MAAM,KAAK,GACT,QAAQ,CAAC,MAAM,GAAG,CAAC;oBACjB,CAAC,CAAC,QAAQ,CAAC,MAAM,CACb,CAAC,IAAI,EAAmB,EAAE,CAAC,IAAI,YAAY,OAAO,CACnD;oBACH,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAChC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBACrB,OAAO;aACR;YACD,IAAI,IAAI,YAAY,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE;gBAC9C,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBACpD,OAAO;aACR;YACD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,CAAC;QAEF,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC3C,OAAO,SAAS,CAAC;IACnB,CAAC;IAiFO,YAAY;QAClB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAMO,UAAU;QAChB,IAAI,IAAI,CAAC,cAAc;YAAE,OAAO;QAChC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,aAAa;YAChB,MAAM,CAAC,OAAO,IAAI,QAAQ,CAAC,eAAe,CAAC,SAAS,IAAI,CAAC,CAAC;QAC5D,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QAC1B,MAAM,cAAc,GAClB,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;QAC3D,IAAI,cAAc,GAAG,CAAC,EAAE;YACtB,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,cAAc,IAAI,CAAC;SACjD;QACD,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC/B,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;QAC9B,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC;QAC5C,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;QACtB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;QACvB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAC1B,MAAM,oBAAoB,GAAG,CAAC,EAAS,EAAE,EAAE;YACzC,MAAM,SAAS,GAAG,IAAI,CAAC,qBAAqB,CAAC;YAC7C,IAAI,CAAC,SAAS;gBAAE,OAAO,KAAK,CAAC;YAC7B,OAAO,EAAE;iBACN,YAAY,EAAE;iBACd,IAAI,CACH,KAAK,CAAC,EAAE,CACN,KAAK,YAAY,IAAI;gBACrB,CAAC,KAAK,KAAK,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CACrD,CAAC;QACN,CAAC,CAAC;QACF,MAAM,aAAa,GAAG,CAAC,EAAS,EAAE,EAAE;YAClC,IAAI,CAAC,IAAI,CAAC,qBAAqB;gBAAE,OAAO;YACxC,IAAI,CAAC,oBAAoB,CAAC,EAAE,CAAC;gBAAE,EAAE,CAAC,cAAc,EAAE,CAAC;QACrD,CAAC,CAAC;QACF,MAAM,WAAW,GAAG,CAAC,CAAa,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QACxD,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;YACrC,MAAM,IAAI,GAAG;gBACX,QAAQ;gBACR,UAAU;gBACV,MAAM;gBACN,KAAK;gBACL,SAAS;gBACT,WAAW;gBACX,GAAG;aACJ,CAAC;YACF,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;gBAAE,OAAO;YAClC,IAAI,CAAC,IAAI,CAAC,qBAAqB;gBAAE,OAAO;YACxC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC;gBAAE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnD,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;QACtE,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;QAClE,IAAI,CAAC,oBAAoB,GAAG,GAAG,EAAE;YAC/B,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAkB,CAAC,CAAC;YAC5D,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAgB,CAAC,CAAC;QAC1D,CAAC,CAAC;IACJ,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,IAAI,CAAC,cAAc;YAAE,OAAO;QACjC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,IAAI,CAAC,oBAAoB,EAAE;YAC7B,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC5B,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC;SACvC;QACD,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC;QAC7B,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;QACtB,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;QACtB,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,IAAI,CAAC,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;QACtC,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1C,CAAC;IAED,OAAO;QACL,yEAAyE;QACzE,yEAAyE;QACzE,gEAAgE;QAChE,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzC,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;QACxC,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,QAAQ,CAAC,CAAQ;QACf,IAAI,IAAI,CAAC,aAAa;YAAE,CAAC,CAAC,cAAc,EAAE,CAAC;QAC3C,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC7E,CAAC;IAEO,cAAc;QACpB,MAAM,EACJ,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,oBAAoB,EACxB,GAAG,IAAI,CAAC,uBAAuB,CAAC;QACjC,qEAAqE;QACrE,8DAA8D;QAC9D,OAAO,oBAAoB,CAAC,YAAY,CAAC,CAAC;QAE1C,OAAO,IAAI,CAAA;;UAEL,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;kBACX,IAAI,CAAC,cAAc;iBACpB,IAAI,CAAC,aAAa;kBACjB,IAAI,CAAC,cAAc;mBAClB,IAAI,CAAC,eAAe;;qBAElB,SAAS,IAAI,OAAO;0BACf,SAAS;YACzB,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;UACnE,MAAM,CAAC,oBAAoB,CAAC;;uDAEiB,IAAI,CAAC,YAAY;+CACzB,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;;;;;;KAMhE,CAAC;IACJ,CAAC;IAEO,cAAc;QACpB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,uBAAuB,EAAE,CAAC;YAC/B,IAAI,CAAC,cAAc,EAAE,CAAC;SACvB;QACD,OAAO,IAAI,CAAA;cACD,IAAI,CAAC,IAAI;;kCAEW,IAAI,CAAC,wBAAwB;uCACxB,IAAI,CAAC,6BAA6B;uBAClD,IAAI,CAAC,aAAa;QACjC,MAAM,CAAC,IAAI,CAAC,uBAAuB,CAAC;cAC9B,IAAI,CAAC,MAAM;gBACT,IAAI,CAAC,QAAQ;eACd,IAAI,CAAC,OAAO;gBACX,IAAI,CAAC,QAAQ;gBACb,IAAI,CAAC,QAAQ;;;;;iBAKZ,CAAC;IAChB,CAAC;IAEO,kBAAkB;QACxB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;YAC/C,IAAI,CAAC,cAAc,EAAE,CAAC;SACvB;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,eAAe;YACzB,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAC3B,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,CAAC;;AA32BD,kBAAkB;AACX,eAAM,GAAmB;IAC9B,cAAc;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8GF;CACF,CAAC;AAEc,0BAAiB,GAAG;IAClC,GAAG,UAAU,CAAC,iBAAiB;IAC/B,cAAc,EAAE,IAAI;CACrB,CAAC;AAEgB;IAAjB,KAAK,CAAC,SAAS,CAAC;2CAA6B;AAEF;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAc;AAEC;IAAzD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;+CACjD;AAEqB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0DAAkC;AAEjC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+DAAuC;AAGnE;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;iDACnD;AAEK;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAAuB;AAKvB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAgC;AAElD;IAAR,KAAK,EAAE;+CAA+B","sourcesContent":["import { mixinElementInternals } from '@material/web/labs/behaviors/element-internals.js';\nimport { AriaForwardMixin } from '@digital-realty/ix-shared-fns/aria-forward-mixin.js';\nimport { spread } from '@open-wc/lit-helpers';\nimport { css, CSSResultGroup, html, LitElement, nothing, render } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { createRef, ref, Ref } from 'lit/directives/ref.js';\nimport { Dialog } from './internal/dialog.js';\nimport { IxDialogStyles } from './ix-dialog-styles.js';\nimport './md-dialog.js';\n\nconst ixDialogBaseClass = AriaForwardMixin(mixinElementInternals(LitElement));\n\nexport class IxDialog extends ixDialogBaseClass {\n /** @nocollapse /\n static styles: CSSResultGroup = [\n IxDialogStyles,\n css`\n :host([use-native-dialog]) dialog[open],\n :host([use-native-dialog][closing]) dialog {\n position: fixed;\n inset: 0;\n margin: 0;\n padding: 0;\n border: 0;\n background: transparent;\n display: block;\n inline-size: 100vw;\n block-size: 100dvh;\n pointer-events: none;\n z-index: 99;\n overscroll-behavior: contain;\n }\n\n :host([use-native-dialog]) dialog[open] .scrim,\n :host([use-native-dialog][closing]) .scrim,\n :host([use-native-dialog]) dialog[open] > .container,\n :host([use-native-dialog][closing]) dialog > .container {\n pointer-events: auto;\n }\n\n :host([use-native-dialog]) dialog[open] .scrim,\n :host([use-native-dialog][closing]) .scrim {\n position: fixed;\n inset: 0;\n background: var(--ix-dialog-scrim, rgba(0, 0, 0, 0.32));\n }\n\n :host([use-native-dialog]) dialog[open] .scrim {\n overscroll-behavior: contain;\n touch-action: none;\n }\n\n :host([use-native-dialog]) dialog[open] > .container,\n :host([use-native-dialog][closing]) dialog > .container {\n transform: translate(-50%, -50%);\n width: auto;\n height: auto;\n max-block-size: var(--ix-dialog-max-height, 90dvh);\n border-radius: 0.75rem;\n background: var(--ix-dialog-bg, #fff);\n box-shadow: var(\n --ix-dialog-shadow,\n 0 0.625rem 1.875rem rgba(0, 0, 0, 0.25)\n );\n display: grid;\n grid-template-rows: auto 1fr auto;\n overflow: hidden;\n z-index: 9;\n transform-origin: top center;\n will-change: transform, opacity;\n }\n\n :host([use-native-dialog]) .headline,\n :host([use-native-dialog]) .content,\n :host([use-native-dialog]) .actions {\n padding: var(--ix-dialog-section-padding, 1rem);\n }\n\n :host([use-native-dialog]) .content {\n overflow: auto;\n }\n\n :host([use-native-dialog]) .actions {\n display: inline-flex;\n gap: var(--ix-dialog-actions-gap, 0.5rem);\n justify-content: flex-end;\n align-items: center;\n padding: 0;\n border-top: 0;\n }\n\n @keyframes ix-fold-in {\n from {\n transform: translate(-50%, -50%) translateY(-0.5rem) scaleY(0.92);\n opacity: 0;\n }\n to {\n transform: translate(-50%, -50%) translateY(0) scaleY(1);\n opacity: 1;\n }\n }\n @keyframes ix-fold-out {\n from {\n transform: translate(-50%, -50%) translateY(0) scaleY(1);\n opacity: 1;\n }\n to {\n transform: translate(-50%, -50%) translateY(-0.5rem) scaleY(0.98);\n opacity: 0;\n }\n }\n\n :host([use-native-dialog]:not([closing])) dialog[open] > .container {\n animation: ix-fold-in var(--ix-dialog-in-dur, 1000ms)\n cubic-bezier(0.2, 0.7, 0.3, 1) both;\n }\n :host([use-native-dialog][closing]) dialog > .container {\n animation: ix-fold-out var(--ix-dialog-out-dur, 250ms)\n cubic-bezier(0.2, 0.7, 0.3, 1) both;\n }\n\n @media (prefers-reduced-motion: reduce) {\n :host([use-native-dialog]) dialog > .container {\n animation: none !important;\n }\n }\n `,\n ];\n\n static override shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n @query('.dialog') readonly component!: Dialog;\n\n @property({ type: Boolean, reflect: true }) open = false;\n\n @property({ type: Boolean, attribute: 'prevent-cancel' }) preventCancel =\n false;\n\n @property({ type: Boolean }) preventCloseOnScrimClick = false;\n\n @property({ type: Boolean }) disableNextClickIsFromContent = false;\n\n @property({ type: Boolean, reflect: true, attribute: 'use-native-dialog' })\n useNativeDialog = false;\n\n @property({ type: Boolean }) allowOverflow = false;\n\n /\n Used in conjunction with `useNativeDialog`\n /\n @property({ type: Object }) contentStyles?: CSSResultGroup;\n\n @state() private nativeClosing = false;\n\n private dialogRef: Ref<HTMLDialogElement> = createRef();\n\n private containerRef: Ref<HTMLDivElement> = createRef();\n\n private portalHost?: HTMLElement;\n\n private portalRoot?: ShadowRoot;\n\n private portalStyleEl?: HTMLStyleElement;\n\n private pointerDownInside = false;\n\n private isScrollLocked = false;\n\n private scrollYBackup = 0;\n\n private removeScrollHandlers?: () => void;\n\n private nativeOnEnd?: (event?: AnimationEvent) => void;\n\n private nativeShowRaf?: number;\n\n private nativeOpenedRaf?: number;\n\n private nativeCloseFallback?: number;\n\n private mo?: MutationObserver;\n\n private get forwardedAriaAttributes() {\n const ariaAttributes = { ...this.ariaAttributes };\n for (const attr of Array.from(this.attributes)) {\n if (attr.name.startsWith('aria-')) {\n ariaAttributes[attr.name] = attr.value;\n }\n }\n return ariaAttributes;\n }\n\n private get nativeDialog(): HTMLDialogElement \| null {\n return this.dialogRef.value ?? null;\n }\n\n private get nativeDialogContainer(): HTMLDivElement \| null {\n return this.containerRef.value ?? null;\n }\n\n private get hasPortalHeadline() {\n return Array.from(this.children).some(\n child => child instanceof HTMLElement && child.slot === 'headline'\n );\n }\n\n connectedCallback(): void {\n super.connectedCallback();\n this.mo = new MutationObserver(() => {\n if (this.useNativeDialog && this.open) this.populatePortal();\n });\n this.mo.observe(this, {\n childList: true,\n subtree: true,\n attributes: true,\n characterData: true,\n });\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this.mo?.disconnect();\n this.cancelNativeOpenSchedule();\n this.cancelNativeCloseSchedule();\n this.unlockScroll();\n this.moveNodesBackFromPortal();\n this.teardownPortal();\n }\n\n updated(changed: Map<string, unknown>) {\n if (!this.useNativeDialog) return;\n if (changed.has('open')) {\n if (this.open) {\n this.cancelNativeOpenSchedule();\n this.cancelNativeCloseSchedule();\n this.ensurePortal();\n if (this.portalRoot) {\n this.attachPortalStyles();\n render(this.portalTemplate(), this.portalRoot);\n this.populatePortal();\n }\n if (this.nativeClosing) {\n this.nativeClosing = false;\n }\n this.dispatchEvent(\n new Event('open', { bubbles: true, composed: true })\n );\n this.lockScroll();\n this.nativeShowRaf = requestAnimationFrame(() => {\n this.nativeShowRaf = undefined;\n const dialog = this.nativeDialog;\n if (!this.open \|\| this.nativeClosing \|\| !dialog?.isConnected) return;\n if (!dialog.open) dialog.show();\n // Use a deterministic initial focus target until the consumer's\n // opened handler moves focus to the first meaningful control.\n this.nativeDialogContainer?.focus();\n this.nativeOpenedRaf = requestAnimationFrame(() => {\n this.nativeOpenedRaf = undefined;\n if (!this.open \|\| this.nativeClosing \|\| !dialog.open) {\n return;\n }\n this.dispatchEvent(\n new Event('opened', { bubbles: true, composed: true })\n );\n });\n });\n } else if (changed.get('open') === true \|\| this.portalHost) {\n this.startNativeCloseAnimation();\n }\n }\n }\n\n public dismiss() {\n if (!this.open) return;\n Promise.resolve().then(() => {\n this.requestClose();\n });\n }\n\n private startNativeCloseAnimation() {\n if (this.nativeClosing) return;\n this.cancelNativeOpenSchedule();\n this.nativeClosing = true;\n this.dispatchEvent(new Event('close', { bubbles: true, composed: true }));\n\n const finish = () => {\n this.nativeDialogContainer?.classList.remove('closing');\n this.nativeClosing = false;\n this.nativeDialog?.close();\n this.unlockScroll();\n this.dispatchEvent(\n new Event('closed', { bubbles: true, composed: true })\n );\n this.moveNodesBackFromPortal();\n this.teardownPortal();\n };\n\n const container = this.nativeDialogContainer;\n if (!container) {\n finish();\n return;\n }\n\n container.classList.add('closing');\n\n let done = false;\n const onEnd = (event?: AnimationEvent) => {\n if (event && event.target !== container) return;\n if (done) return;\n done = true;\n container.removeEventListener('animationend', onEnd);\n if (this.nativeCloseFallback !== undefined) {\n window.clearTimeout(this.nativeCloseFallback);\n this.nativeCloseFallback = undefined;\n }\n this.nativeOnEnd = undefined;\n finish();\n };\n this.nativeOnEnd = onEnd;\n container.addEventListener('animationend', onEnd);\n\n // `animationend` does not fire when animation is disabled (for example by\n // reduced-motion styles). Fall back just after the computed animation\n // duration so a custom duration is not truncated.\n const style = getComputedStyle(container);\n const parseTime = (value: string) => {\n const trimmed = value.trim();\n if (trimmed.endsWith('ms')) return Number.parseFloat(trimmed) \|\| 0;\n if (trimmed.endsWith('s'))\n return (Number.parseFloat(trimmed) \|\| 0) 1000;\n return 0;\n };\n const durations = style.animationDuration.split(',').map(parseTime);\n const delays = style.animationDelay.split(',').map(parseTime);\n const animationMs = durations.reduce(\n (max, duration, index) =>\n Math.max(max, duration + (delays[index % delays.length] ?? 0)),\n 0\n );\n this.nativeCloseFallback = window.setTimeout(\n onEnd,\n animationMs > 0 ? animationMs + 100 : 0\n );\n }\n\n private cancelNativeOpenSchedule() {\n if (this.nativeShowRaf !== undefined) {\n cancelAnimationFrame(this.nativeShowRaf);\n this.nativeShowRaf = undefined;\n }\n if (this.nativeOpenedRaf !== undefined) {\n cancelAnimationFrame(this.nativeOpenedRaf);\n this.nativeOpenedRaf = undefined;\n }\n }\n\n private cancelNativeCloseSchedule() {\n if (this.nativeCloseFallback !== undefined) {\n window.clearTimeout(this.nativeCloseFallback);\n this.nativeCloseFallback = undefined;\n }\n if (this.nativeOnEnd && this.nativeDialogContainer) {\n this.nativeDialogContainer.removeEventListener(\n 'animationend',\n this.nativeOnEnd\n );\n }\n this.nativeOnEnd = undefined;\n this.nativeDialogContainer?.classList.remove('closing');\n }\n\n private ensurePortal() {\n if (this.portalRoot) return;\n const host = document.createElement('ix-dialog-portal-host');\n const root = host.attachShadow({ mode: 'open' });\n if (this.shadowRoot && 'adoptedStyleSheets' in this.shadowRoot) {\n (root as any).adoptedStyleSheets = (\n this.shadowRoot as any\n ).adoptedStyleSheets;\n }\n document.body.appendChild(host);\n this.portalHost = host;\n this.portalRoot = root;\n }\n\n private attachPortalStyles() {\n if (!this.portalRoot \|\| this.portalStyleEl) return;\n const style = document.createElement('style');\n\n const portalLayoutStyles = `\n dialog {\n position: fixed;\n inset: 0;\n margin: 0;\n padding: 0;\n border: 0;\n background: transparent;\n display: grid;\n place-items: center;\n pointer-events: none;\n z-index: 1000;\n max-width: none !important;\n max-height: none !important;\n }\n dialog:not([open]) {\n display: none;\n }\n .scrim {\n position: fixed;\n inset: 0;\n background: var(--ix-dialog-scrim, rgba(0,0,0,0.5));\n pointer-events: auto;\n z-index: 1000;\n touch-action: none;\n border: 0;\n padding: 0;\n appearance: none;\n }\n .container {\n position: relative;\n border-radius: 0.75rem;\n background: var(--ix-dialog-bg, #fff);\n box-shadow: var(--ix-dialog-shadow, 0 10px 30px rgba(0,0,0,0.25));\n display: grid;\n grid-template-rows: auto 1fr auto;\n overflow: visible;\n pointer-events: auto;\n z-index: 1001;\n max-width: none!important;\n }\n .container .content {\n overflow: visible;\n }\n .scrim:focus:not(:focus-visible) {\n outline: none;\n }\n /* The programmatically focused container is not an interactive control. /\n .container:focus {\n outline: none;\n }\n .container > .headline,\n .container > .content,\n .container > .actions {\n padding: var(--ix-dialog-section-padding, 1rem);\n }\n .container > .actions {\n display: flex;\n gap: var(--ix-dialog-actions-gap, 0.5rem);\n justify-content: flex-end;\n align-items: center;\n padding: 0;\n border-top: 0;\n }\n @keyframes ix-portal-fold-in {\n from { transform: translateY(-0.5rem) scaleY(0.92); opacity: 0; }\n to { transform: translateY(0) scaleY(1); opacity: 1; }\n }\n @keyframes ix-portal-fold-out {\n from { transform: translateY(0) scaleY(1); opacity: 1; }\n to { transform: translateY(-0.5rem) scaleY(0.98); opacity: 0; }\n }\n dialog[open] > .container:not(.closing) {\n transform-origin: top center;\n animation: ix-portal-fold-in var(--ix-dialog-in-dur, 500ms)\n cubic-bezier(0.2, 0.7, 0.3, 1) both;\n }\n .container.closing {\n animation: ix-portal-fold-out var(--ix-dialog-out-dur, 250ms)\n cubic-bezier(0.2, 0.7, 0.3, 1) both;\n }\n @media (prefers-reduced-motion: reduce) {\n dialog > .container { animation: none !important; }\n }\n `;\n\n if (this.contentStyles) {\n const stylesArray: CSSResultGroup[] = Array.isArray(this.contentStyles)\n ? this.contentStyles\n : [this.contentStyles];\n const customContentStyles = stylesArray\n .map(contentStyle => {\n if (typeof contentStyle === 'object' && 'cssText' in contentStyle) {\n return contentStyle.cssText;\n }\n return '';\n })\n .join('\\n');\n\n style.textContent = customContentStyles + portalLayoutStyles;\n } else {\n style.textContent = portalLayoutStyles;\n }\n\n this.portalRoot.append(style);\n this.portalStyleEl = style;\n }\n\n private teardownPortal() {\n if (!this.portalHost) return;\n if (this.portalRoot) render(nothing, this.portalRoot);\n this.portalStyleEl?.remove();\n this.portalStyleEl = undefined;\n this.portalHost.remove();\n this.portalRoot = undefined;\n this.portalHost = undefined;\n }\n\n private moveNodesToPortal(slotName: string, targetSelector: string) {\n if (!this.nativeDialogContainer) return;\n const target = this.nativeDialogContainer.querySelector(targetSelector);\n if (!target) return;\n const nodes = Array.from(this.children).filter(\n el => el instanceof HTMLElement && el.slot === slotName\n );\n nodes.forEach(n => target.appendChild(n));\n }\n\n private moveNodesBackFromPortal() {\n if (!this.nativeDialogContainer) return;\n const h = this.nativeDialogContainer.querySelector('.headline');\n const b = this.nativeDialogContainer.querySelector('.content');\n const a = this.nativeDialogContainer.querySelector('.actions');\n [h, b, a].forEach(container => {\n if (!container) return;\n const children = Array.from(container.childNodes);\n children.forEach(n => this.appendChild(n));\n });\n }\n\n private populatePortal() {\n this.moveNodesToPortal('headline', '.headline');\n this.moveNodesToPortal('content', '.content');\n this.moveNodesToPortal('actions', '.actions');\n }\n\n private static getComposedParent(node: HTMLElement): HTMLElement \| null {\n if (node.assignedSlot) return node.assignedSlot;\n if (node.parentElement) return node.parentElement;\n const { host } = node.getRootNode() as ShadowRoot;\n return host instanceof HTMLElement ? host : null;\n }\n\n private static isHiddenOrDisabled(node: HTMLElement): boolean {\n if (\n node.hasAttribute('disabled') \|\|\n node.hasAttribute('hidden') \|\|\n node.hasAttribute('inert') \|\|\n node.getAttribute('aria-disabled') === 'true' \|\|\n node.getAttribute('aria-hidden') === 'true' \|\|\n (\n node as\n \| HTMLButtonElement\n \| HTMLInputElement\n \| HTMLSelectElement\n \| HTMLTextAreaElement\n ).disabled\n ) {\n return true;\n }\n\n const style = node.ownerDocument?.defaultView?.getComputedStyle?.(node);\n return !!(\n style &&\n (style.display === 'none' \|\|\n style.visibility === 'hidden' \|\|\n style.visibility === 'collapse')\n );\n }\n\n private static isEligibleComposedFocusTarget(target: HTMLElement): boolean {\n if (!target.isConnected) return false;\n\n const seen = new Set<Node>();\n let node: HTMLElement \| null = target;\n while (node && !seen.has(node)) {\n seen.add(node);\n if (IxDialog.isHiddenOrDisabled(node)) return false;\n node = IxDialog.getComposedParent(node);\n }\n return true;\n }\n\n private getNativeFocusableElements(): HTMLElement[] {\n const dialog = this.nativeDialog;\n if (!dialog) return [];\n\n const focusable: HTMLElement[] = [];\n const seen = new Set<Node>();\n const visit = (root: Element \| ShadowRoot) => {\n if (seen.has(root)) return;\n seen.add(root);\n\n if (\n root instanceof HTMLElement &&\n root.tabIndex >= 0 &&\n IxDialog.isEligibleComposedFocusTarget(root)\n ) {\n focusable.push(root);\n }\n if (root instanceof HTMLSlotElement) {\n // Decide assignment presence on the flattened assigned nodes* (which\n // include text nodes), not just assigned elements: a slot assigned\n // only text has zero assigned elements but must still suppress its\n // fallback content. Traverse only the element nodes of whichever set\n // is in effect, so text-only assignment keeps non-rendered fallback\n // controls out of the focus order, while genuine fallback (no\n // assignment) and shadow children are still walked.\n const assigned = root.assignedNodes({ flatten: true });\n const nodes =\n assigned.length > 0\n ? assigned.filter(\n (node): node is Element => node instanceof Element\n )\n : Array.from(root.children);\n nodes.forEach(visit);\n return;\n }\n if (root instanceof Element && root.shadowRoot) {\n Array.from(root.shadowRoot.children).forEach(visit);\n return;\n }\n Array.from(root.children).forEach(visit);\n };\n\n Array.from(dialog.children).forEach(visit);\n return focusable;\n }\n\n private onNativeKeydown = (e: KeyboardEvent) => {\n if (e.defaultPrevented) return;\n if (e.key === 'Escape') {\n this.onNativeCancel(e);\n return;\n }\n if (e.key !== 'Tab') return;\n\n const focusable = this.getNativeFocusableElements();\n const first = focusable[0];\n const last = focusable[focusable.length - 1];\n if (!first \|\| !last) {\n e.preventDefault();\n return;\n }\n\n const path = Array.from(e.composedPath());\n const inPath = (element: HTMLElement) => path.includes(element);\n if (e.shiftKey) {\n if (inPath(first) \|\| !focusable.some(inPath)) {\n e.preventDefault();\n last.focus();\n }\n } else if (inPath(last)) {\n e.preventDefault();\n first.focus();\n }\n };\n\n private onNativeCancel = (e: Event) => {\n // The component owns the close animation/lifecycle. Suppress the native\n // dialog's immediate default close, then forward exactly one cancel event\n // and update `open` only when cancellation is permitted.\n e.preventDefault();\n if (this.preventCancel) return;\n\n const forwarded = new Event('cancel', {\n bubbles: true,\n composed: true,\n cancelable: true,\n });\n const prevented = !this.dispatchEvent(forwarded);\n if (prevented) return;\n this.requestClose();\n };\n\n private onNativeClose = () => {\n // The native dialog can close itself, such as from a method=\"dialog\"\n // form submission. Synchronize the component state in that case.\n if (this.open) this.requestClose();\n };\n\n private onNativeSubmit = (e: SubmitEvent) => {\n if (e.defaultPrevented) return;\n\n const { target: form, submitter } = e;\n if (!(form instanceof HTMLFormElement)) return;\n\n const isSubmitControl =\n submitter instanceof HTMLButtonElement \|\|\n submitter instanceof HTMLInputElement;\n const effectiveMethod =\n isSubmitControl && submitter.hasAttribute('formmethod')\n ? submitter.formMethod\n : form.method;\n if (effectiveMethod.toLowerCase() !== 'dialog') return;\n\n // Native method=\"dialog\" submission closes synchronously, before the\n // `close` event. Own that default action so the dialog stays modal and\n // visible while the component's fold-out lifecycle runs. Preserve the\n // native returnValue contract for callers that inspect the chosen action.\n e.preventDefault();\n if (this.nativeDialog) {\n this.nativeDialog.returnValue =\n isSubmitControl && submitter ? submitter.value : '';\n }\n this.requestClose();\n };\n\n private requestClose() {\n this.open = false;\n }\n\n private onScrimClick = () => {\n if (!this.preventCloseOnScrimClick) this.requestClose();\n };\n\n private lockScroll() {\n if (this.isScrollLocked) return;\n this.isScrollLocked = true;\n this.scrollYBackup =\n window.scrollY \|\| document.documentElement.scrollTop \|\| 0;\n const { body } = document;\n const scrollbarWidth =\n window.innerWidth - document.documentElement.clientWidth;\n if (scrollbarWidth > 0) {\n body.style.paddingRight = `${scrollbarWidth}px`;\n }\n body.style.overflow = 'hidden';\n body.style.position = 'fixed';\n body.style.top = `-${this.scrollYBackup}px`;\n body.style.left = '0';\n body.style.right = '0';\n body.style.width = '100%';\n const isInsideNativeDialog = (ev: Event) => {\n const container = this.nativeDialogContainer;\n if (!container) return false;\n return ev\n .composedPath()\n .some(\n entry =>\n entry instanceof Node &&\n (entry === container \|\| container.contains(entry))\n );\n };\n const stopIfOutside = (ev: Event) => {\n if (!this.nativeDialogContainer) return;\n if (!isInsideNativeDialog(ev)) ev.preventDefault();\n };\n const onTouchMove = (e: TouchEvent) => stopIfOutside(e);\n const onKeyDown = (e: KeyboardEvent) => {\n const keys = [\n 'PageUp',\n 'PageDown',\n 'Home',\n 'End',\n 'ArrowUp',\n 'ArrowDown',\n ' ',\n ];\n if (!keys.includes(e.key)) return;\n if (!this.nativeDialogContainer) return;\n if (!isInsideNativeDialog(e)) e.preventDefault();\n };\n window.addEventListener('touchmove', onTouchMove, { passive: false });\n window.addEventListener('keydown', onKeyDown, { passive: false });\n this.removeScrollHandlers = () => {\n window.removeEventListener('touchmove', onTouchMove as any);\n window.removeEventListener('keydown', onKeyDown as any);\n };\n }\n\n private unlockScroll() {\n if (!this.isScrollLocked) return;\n this.isScrollLocked = false;\n if (this.removeScrollHandlers) {\n this.removeScrollHandlers();\n this.removeScrollHandlers = undefined;\n }\n const { body } = document;\n body.style.paddingRight = '';\n body.style.position = '';\n body.style.top = '';\n body.style.left = '';\n body.style.right = '';\n body.style.overflow = '';\n body.style.width = '';\n window.scrollTo(0, this.scrollYBackup \|\| 0);\n }\n\n onOpen() {\n this.dispatchEvent(new Event('open'));\n this.lockScroll();\n }\n\n onOpened() {\n this.dispatchEvent(new Event('opened'));\n }\n\n onClose() {\n // md-dialog can close itself (Escape, backdrop click, or a dialog-method\n // form submission). Keep the public state synchronized so setting `open`\n // to true later is a real transition and can reopen the dialog.\n this.open = false;\n this.dispatchEvent(new Event('close'));\n }\n\n onClosed() {\n this.dispatchEvent(new Event('closed'));\n this.unlockScroll();\n }\n\n onCancel(e: Event) {\n if (this.preventCancel) e.preventDefault();\n this.dispatchEvent(new Event('cancel', { bubbles: true, composed: true }));\n }\n\n private portalTemplate() {\n const {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n ...portalAriaAttributes\n } = this.forwardedAriaAttributes;\n // Modal semantics are owned by this component even though the native\n // dialog intentionally remains outside the browser top layer.\n delete portalAriaAttributes['aria-modal'];\n\n return html`\n <dialog\n ${ref(this.dialogRef)}\n @cancel=${this.onNativeCancel}\n @close=${this.onNativeClose}\n @submit=${this.onNativeSubmit}\n @keydown=${this.onNativeKeydown}\n aria-modal=\"true\"\n aria-label=${ariaLabel \|\| nothing}\n aria-labelledby=${ariaLabel\n ? nothing\n : ariaLabelledBy \|\| (this.hasPortalHeadline ? 'headline' : nothing)}\n ${spread(portalAriaAttributes)}\n >\n <div class=\"scrim\" aria-hidden=\"true\" @click=${this.onScrimClick}></div>\n <div class=\"container\" tabindex=\"-1\" ${ref(this.containerRef)}>\n <div class=\"headline\" id=\"headline\"></div>\n <div class=\"content\"></div>\n <div class=\"actions\"></div>\n </div>\n </dialog>\n `;\n }\n\n private renderMdDialog() {\n if (this.portalHost) {\n this.moveNodesBackFromPortal();\n this.teardownPortal();\n }\n return html`<md-dialog\n ?open=${this.open}\n class=\"dialog\"\n ?preventCloseOnScrimClick=${this.preventCloseOnScrimClick}\n ?disableNextClickIsFromContent=${this.disableNextClickIsFromContent}\n ?allowOverflow=${this.allowOverflow}\n ${spread(this.forwardedAriaAttributes)}\n @open=${this.onOpen}\n @opened=${this.onOpened}\n @close=${this.onClose}\n @closed=${this.onClosed}\n @cancel=${this.onCancel}\n >\n <slot slot=\"headline\" name=\"headline\"></slot>\n <slot slot=\"content\" name=\"content\"></slot>\n <slot slot=\"actions\" name=\"actions\"></slot>\n </md-dialog>`;\n }\n\n private renderNativeDialog() {\n if (this.portalRoot) {\n render(this.portalTemplate(), this.portalRoot);\n this.populatePortal();\n }\n return nothing;\n }\n\n render() {\n return this.useNativeDialog\n ? this.renderNativeDialog()\n : this.renderMdDialog();\n }\n}\n"]}
1	+ {"version":3,"file":"IxDialog.js","sourceRoot":"","sources":["../src/IxDialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { mixinElementInternals } from '@material/web/labs/behaviors/element-internals.js';\nimport { AriaForwardMixin } from '@digital-realty/ix-shared-fns/aria-forward-mixin.js';\nimport { spread } from '@open-wc/lit-helpers';\nimport { css, CSSResultGroup, html, LitElement, nothing, render } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { createRef, ref, Ref } from 'lit/directives/ref.js';\nimport { Dialog } from './internal/dialog.js';\nimport { IxDialogStyles } from './ix-dialog-styles.js';\nimport './md-dialog.js';\n\nconst ixDialogBaseClass = AriaForwardMixin(mixinElementInternals(LitElement));\n\nexport class IxDialog extends ixDialogBaseClass {\n /** @nocollapse /\n static styles: CSSResultGroup = [\n IxDialogStyles,\n css`\n :host([use-native-dialog]) dialog[open],\n :host([use-native-dialog][closing]) dialog {\n position: fixed;\n inset: 0;\n margin: 0;\n padding: 0;\n border: 0;\n background: transparent;\n display: block;\n inline-size: 100vw;\n block-size: 100dvh;\n pointer-events: none;\n z-index: 99;\n overscroll-behavior: contain;\n }\n\n :host([use-native-dialog]) dialog[open] .scrim,\n :host([use-native-dialog][closing]) .scrim,\n :host([use-native-dialog]) dialog[open] > .container,\n :host([use-native-dialog][closing]) dialog > .container {\n pointer-events: auto;\n }\n\n :host([use-native-dialog]) dialog[open] .scrim,\n :host([use-native-dialog][closing]) .scrim {\n position: fixed;\n inset: 0;\n background: var(--ix-dialog-scrim, rgba(0, 0, 0, 0.32));\n }\n\n :host([use-native-dialog]) dialog[open] .scrim {\n overscroll-behavior: contain;\n touch-action: none;\n }\n\n :host([use-native-dialog]) dialog[open] > .container,\n :host([use-native-dialog][closing]) dialog > .container {\n transform: translate(-50%, -50%);\n width: auto;\n height: auto;\n max-block-size: var(--ix-dialog-max-height, 90dvh);\n border-radius: 0.75rem;\n background: var(--ix-dialog-bg, #fff);\n box-shadow: var(\n --ix-dialog-shadow,\n 0 0.625rem 1.875rem rgba(0, 0, 0, 0.25)\n );\n display: grid;\n grid-template-rows: auto 1fr auto;\n overflow: hidden;\n z-index: 9;\n transform-origin: top center;\n will-change: transform, opacity;\n }\n\n :host([use-native-dialog]) .headline,\n :host([use-native-dialog]) .content,\n :host([use-native-dialog]) .actions {\n padding: var(--ix-dialog-section-padding, 1rem);\n }\n\n :host([use-native-dialog]) .content {\n overflow: auto;\n }\n\n :host([use-native-dialog]) .actions {\n display: inline-flex;\n gap: var(--ix-dialog-actions-gap, 0.5rem);\n justify-content: flex-end;\n align-items: center;\n padding: 0;\n border-top: 0;\n }\n\n @keyframes ix-fold-in {\n from {\n transform: translate(-50%, -50%) translateY(-0.5rem) scaleY(0.92);\n opacity: 0;\n }\n to {\n transform: translate(-50%, -50%) translateY(0) scaleY(1);\n opacity: 1;\n }\n }\n @keyframes ix-fold-out {\n from {\n transform: translate(-50%, -50%) translateY(0) scaleY(1);\n opacity: 1;\n }\n to {\n transform: translate(-50%, -50%) translateY(-0.5rem) scaleY(0.98);\n opacity: 0;\n }\n }\n\n :host([use-native-dialog]:not([closing])) dialog[open] > .container {\n animation: ix-fold-in var(--ix-dialog-in-dur, 1000ms)\n cubic-bezier(0.2, 0.7, 0.3, 1) both;\n }\n :host([use-native-dialog][closing]) dialog > .container {\n animation: ix-fold-out var(--ix-dialog-out-dur, 250ms)\n cubic-bezier(0.2, 0.7, 0.3, 1) both;\n }\n\n @media (prefers-reduced-motion: reduce) {\n :host([use-native-dialog]) dialog > .container {\n animation: none !important;\n }\n }\n `,\n ];\n\n static override shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n @query('.dialog') readonly component!: Dialog;\n\n @property({ type: Boolean, reflect: true }) open = false;\n\n @property({ type: Boolean, attribute: 'prevent-cancel' }) preventCancel =\n false;\n\n @property({ type: Boolean }) preventCloseOnScrimClick = false;\n\n @property({ type: Boolean }) disableNextClickIsFromContent = false;\n\n @property({ type: Boolean, reflect: true, attribute: 'use-native-dialog' })\n useNativeDialog = false;\n\n @property({ type: Boolean }) allowOverflow = false;\n\n /\n Used in conjunction with `useNativeDialog`\n /\n @property({ type: Object }) contentStyles?: CSSResultGroup;\n\n @state() private nativeClosing = false;\n\n private dialogRef: Ref<HTMLDialogElement> = createRef();\n\n private containerRef: Ref<HTMLDivElement> = createRef();\n\n private portalHost?: HTMLElement;\n\n private portalRoot?: ShadowRoot;\n\n private portalStyleEl?: HTMLStyleElement;\n\n private pointerDownInside = false;\n\n private isScrollLocked = false;\n\n private scrollYBackup = 0;\n\n private removeScrollHandlers?: () => void;\n\n private nativeOnEnd?: (event?: AnimationEvent) => void;\n\n private nativeShowRaf?: number;\n\n private nativeOpenedRaf?: number;\n\n private nativeCloseFallback?: number;\n\n private mo?: MutationObserver;\n\n private get forwardedAriaAttributes() {\n const ariaAttributes = { ...this.ariaAttributes };\n for (const attr of Array.from(this.attributes)) {\n if (attr.name.startsWith('aria-')) {\n ariaAttributes[attr.name] = attr.value;\n }\n }\n return ariaAttributes;\n }\n\n private get nativeDialog(): HTMLDialogElement \| null {\n return this.dialogRef.value ?? null;\n }\n\n private get nativeDialogContainer(): HTMLDivElement \| null {\n return this.containerRef.value ?? null;\n }\n\n private get hasPortalHeadline() {\n return Array.from(this.children).some(\n child => child instanceof HTMLElement && child.slot === 'headline'\n );\n }\n\n connectedCallback(): void {\n super.connectedCallback();\n this.mo = new MutationObserver(() => {\n if (this.useNativeDialog && this.open) this.populatePortal();\n });\n this.mo.observe(this, {\n childList: true,\n subtree: true,\n attributes: true,\n characterData: true,\n });\n }\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n this.mo?.disconnect();\n this.cancelNativeOpenSchedule();\n this.cancelNativeCloseSchedule();\n this.unlockScroll();\n this.moveNodesBackFromPortal();\n this.teardownPortal();\n }\n\n updated(changed: Map<string, unknown>) {\n if (!this.useNativeDialog) return;\n if (changed.has('open')) {\n if (this.open) {\n this.cancelNativeOpenSchedule();\n this.cancelNativeCloseSchedule();\n this.ensurePortal();\n if (this.portalRoot) {\n this.attachPortalStyles();\n render(this.portalTemplate(), this.portalRoot);\n this.populatePortal();\n }\n if (this.nativeClosing) {\n this.nativeClosing = false;\n }\n this.dispatchEvent(\n new Event('open', { bubbles: true, composed: true })\n );\n this.lockScroll();\n this.nativeShowRaf = requestAnimationFrame(() => {\n this.nativeShowRaf = undefined;\n const dialog = this.nativeDialog;\n if (!this.open \|\| this.nativeClosing \|\| !dialog?.isConnected) return;\n if (!dialog.open) dialog.show();\n // Use a deterministic initial focus target until the consumer's\n // opened handler moves focus to the first meaningful control.\n this.nativeDialogContainer?.focus();\n this.nativeOpenedRaf = requestAnimationFrame(() => {\n this.nativeOpenedRaf = undefined;\n if (!this.open \|\| this.nativeClosing \|\| !dialog.open) {\n return;\n }\n this.dispatchEvent(\n new Event('opened', { bubbles: true, composed: true })\n );\n });\n });\n } else if (changed.get('open') === true \|\| this.portalHost) {\n this.startNativeCloseAnimation();\n }\n }\n }\n\n public dismiss() {\n if (!this.open) return;\n Promise.resolve().then(() => {\n this.requestClose();\n });\n }\n\n private startNativeCloseAnimation() {\n if (this.nativeClosing) return;\n this.cancelNativeOpenSchedule();\n this.nativeClosing = true;\n this.dispatchEvent(new Event('close', { bubbles: true, composed: true }));\n\n const finish = () => {\n this.nativeDialogContainer?.classList.remove('closing');\n this.nativeClosing = false;\n this.nativeDialog?.close();\n this.unlockScroll();\n this.dispatchEvent(\n new Event('closed', { bubbles: true, composed: true })\n );\n this.moveNodesBackFromPortal();\n this.teardownPortal();\n };\n\n const container = this.nativeDialogContainer;\n if (!container) {\n finish();\n return;\n }\n\n container.classList.add('closing');\n\n let done = false;\n const onEnd = (event?: AnimationEvent) => {\n if (event && event.target !== container) return;\n if (done) return;\n done = true;\n container.removeEventListener('animationend', onEnd);\n if (this.nativeCloseFallback !== undefined) {\n window.clearTimeout(this.nativeCloseFallback);\n this.nativeCloseFallback = undefined;\n }\n this.nativeOnEnd = undefined;\n finish();\n };\n this.nativeOnEnd = onEnd;\n container.addEventListener('animationend', onEnd);\n\n // `animationend` does not fire when animation is disabled (for example by\n // reduced-motion styles). Fall back just after the computed animation\n // duration so a custom duration is not truncated.\n const style = getComputedStyle(container);\n const parseTime = (value: string) => {\n const trimmed = value.trim();\n if (trimmed.endsWith('ms')) return Number.parseFloat(trimmed) \|\| 0;\n if (trimmed.endsWith('s'))\n return (Number.parseFloat(trimmed) \|\| 0) 1000;\n return 0;\n };\n const durations = style.animationDuration.split(',').map(parseTime);\n const delays = style.animationDelay.split(',').map(parseTime);\n const animationMs = durations.reduce(\n (max, duration, index) =>\n Math.max(max, duration + (delays[index % delays.length] ?? 0)),\n 0\n );\n this.nativeCloseFallback = window.setTimeout(\n onEnd,\n animationMs > 0 ? animationMs + 100 : 0\n );\n }\n\n private cancelNativeOpenSchedule() {\n if (this.nativeShowRaf !== undefined) {\n cancelAnimationFrame(this.nativeShowRaf);\n this.nativeShowRaf = undefined;\n }\n if (this.nativeOpenedRaf !== undefined) {\n cancelAnimationFrame(this.nativeOpenedRaf);\n this.nativeOpenedRaf = undefined;\n }\n }\n\n private cancelNativeCloseSchedule() {\n if (this.nativeCloseFallback !== undefined) {\n window.clearTimeout(this.nativeCloseFallback);\n this.nativeCloseFallback = undefined;\n }\n if (this.nativeOnEnd && this.nativeDialogContainer) {\n this.nativeDialogContainer.removeEventListener(\n 'animationend',\n this.nativeOnEnd\n );\n }\n this.nativeOnEnd = undefined;\n this.nativeDialogContainer?.classList.remove('closing');\n }\n\n private ensurePortal() {\n if (this.portalRoot) return;\n const host = document.createElement('ix-dialog-portal-host');\n const root = host.attachShadow({ mode: 'open' });\n if (this.shadowRoot && 'adoptedStyleSheets' in this.shadowRoot) {\n (root as any).adoptedStyleSheets = (\n this.shadowRoot as any\n ).adoptedStyleSheets;\n }\n document.body.appendChild(host);\n this.portalHost = host;\n this.portalRoot = root;\n }\n\n private attachPortalStyles() {\n if (!this.portalRoot \|\| this.portalStyleEl) return;\n const style = document.createElement('style');\n\n const portalLayoutStyles = `\n dialog {\n position: fixed;\n inset: 0;\n margin: 0;\n padding: 0;\n border: 0;\n background: transparent;\n display: grid;\n place-items: center;\n pointer-events: none;\n z-index: 1000;\n max-width: none !important;\n max-height: none !important;\n }\n dialog:not([open]) {\n display: none;\n }\n .scrim {\n position: fixed;\n inset: 0;\n background: var(--ix-dialog-scrim, rgba(0,0,0,0.5));\n pointer-events: auto;\n z-index: 1000;\n touch-action: none;\n border: 0;\n padding: 0;\n appearance: none;\n }\n .container {\n position: relative;\n border-radius: 0.75rem;\n background: var(--ix-dialog-bg, #fff);\n box-shadow: var(--ix-dialog-shadow, 0 10px 30px rgba(0,0,0,0.25));\n display: grid;\n grid-template-rows: auto 1fr auto;\n overflow: visible;\n pointer-events: auto;\n z-index: 1001;\n max-width: none!important;\n }\n .container .content {\n overflow: visible;\n }\n .scrim:focus:not(:focus-visible) {\n outline: none;\n }\n /* The programmatically focused container is not an interactive control. /\n .container:focus {\n outline: none;\n }\n .container > .headline,\n .container > .content,\n .container > .actions {\n padding: var(--ix-dialog-section-padding, 1rem);\n }\n .container > .actions {\n display: flex;\n gap: var(--ix-dialog-actions-gap, 0.5rem);\n justify-content: flex-end;\n align-items: center;\n padding: 0;\n border-top: 0;\n }\n @keyframes ix-portal-fold-in {\n from { transform: translateY(-0.5rem) scaleY(0.92); opacity: 0; }\n to { transform: translateY(0) scaleY(1); opacity: 1; }\n }\n @keyframes ix-portal-fold-out {\n from { transform: translateY(0) scaleY(1); opacity: 1; }\n to { transform: translateY(-0.5rem) scaleY(0.98); opacity: 0; }\n }\n / 'backwards' (not 'both') so the finished animation does not leave a\n transform on the container. A retained transform, even an identity one,\n turns the container into the containing block for position: fixed\n descendants (e.g. md-menu with menu-positioning=\"fixed\"), which then\n render offset by the container's position and get clipped. /\n dialog[open] > .container:not(.closing) {\n transform-origin: top center;\n animation: ix-portal-fold-in var(--ix-dialog-in-dur, 500ms)\n cubic-bezier(0.2, 0.7, 0.3, 1) backwards;\n }\n .container.closing {\n animation: ix-portal-fold-out var(--ix-dialog-out-dur, 250ms)\n cubic-bezier(0.2, 0.7, 0.3, 1) both;\n }\n @media (prefers-reduced-motion: reduce) {\n dialog > .container { animation: none !important; }\n }\n `;\n\n if (this.contentStyles) {\n const stylesArray: CSSResultGroup[] = Array.isArray(this.contentStyles)\n ? this.contentStyles\n : [this.contentStyles];\n const customContentStyles = stylesArray\n .map(contentStyle => {\n if (typeof contentStyle === 'object' && 'cssText' in contentStyle) {\n return contentStyle.cssText;\n }\n return '';\n })\n .join('\\n');\n\n style.textContent = customContentStyles + portalLayoutStyles;\n } else {\n style.textContent = portalLayoutStyles;\n }\n\n this.portalRoot.append(style);\n this.portalStyleEl = style;\n }\n\n private teardownPortal() {\n if (!this.portalHost) return;\n if (this.portalRoot) render(nothing, this.portalRoot);\n this.portalStyleEl?.remove();\n this.portalStyleEl = undefined;\n this.portalHost.remove();\n this.portalRoot = undefined;\n this.portalHost = undefined;\n }\n\n private moveNodesToPortal(slotName: string, targetSelector: string) {\n if (!this.nativeDialogContainer) return;\n const target = this.nativeDialogContainer.querySelector(targetSelector);\n if (!target) return;\n const nodes = Array.from(this.children).filter(\n el => el instanceof HTMLElement && el.slot === slotName\n );\n nodes.forEach(n => target.appendChild(n));\n }\n\n private moveNodesBackFromPortal() {\n if (!this.nativeDialogContainer) return;\n const h = this.nativeDialogContainer.querySelector('.headline');\n const b = this.nativeDialogContainer.querySelector('.content');\n const a = this.nativeDialogContainer.querySelector('.actions');\n [h, b, a].forEach(container => {\n if (!container) return;\n const children = Array.from(container.childNodes);\n children.forEach(n => this.appendChild(n));\n });\n }\n\n private populatePortal() {\n this.moveNodesToPortal('headline', '.headline');\n this.moveNodesToPortal('content', '.content');\n this.moveNodesToPortal('actions', '.actions');\n }\n\n private static getComposedParent(node: HTMLElement): HTMLElement \| null {\n if (node.assignedSlot) return node.assignedSlot;\n if (node.parentElement) return node.parentElement;\n const { host } = node.getRootNode() as ShadowRoot;\n return host instanceof HTMLElement ? host : null;\n }\n\n private static isHiddenOrDisabled(node: HTMLElement): boolean {\n if (\n node.hasAttribute('disabled') \|\|\n node.hasAttribute('hidden') \|\|\n node.hasAttribute('inert') \|\|\n node.getAttribute('aria-disabled') === 'true' \|\|\n node.getAttribute('aria-hidden') === 'true' \|\|\n (\n node as\n \| HTMLButtonElement\n \| HTMLInputElement\n \| HTMLSelectElement\n \| HTMLTextAreaElement\n ).disabled\n ) {\n return true;\n }\n\n const style = node.ownerDocument?.defaultView?.getComputedStyle?.(node);\n return !!(\n style &&\n (style.display === 'none' \|\|\n style.visibility === 'hidden' \|\|\n style.visibility === 'collapse')\n );\n }\n\n private static isEligibleComposedFocusTarget(target: HTMLElement): boolean {\n if (!target.isConnected) return false;\n\n const seen = new Set<Node>();\n let node: HTMLElement \| null = target;\n while (node && !seen.has(node)) {\n seen.add(node);\n if (IxDialog.isHiddenOrDisabled(node)) return false;\n node = IxDialog.getComposedParent(node);\n }\n return true;\n }\n\n private getNativeFocusableElements(): HTMLElement[] {\n const dialog = this.nativeDialog;\n if (!dialog) return [];\n\n const focusable: HTMLElement[] = [];\n const seen = new Set<Node>();\n const visit = (root: Element \| ShadowRoot) => {\n if (seen.has(root)) return;\n seen.add(root);\n\n if (\n root instanceof HTMLElement &&\n root.tabIndex >= 0 &&\n IxDialog.isEligibleComposedFocusTarget(root)\n ) {\n focusable.push(root);\n }\n if (root instanceof HTMLSlotElement) {\n // Decide assignment presence on the flattened assigned nodes* (which\n // include text nodes), not just assigned elements: a slot assigned\n // only text has zero assigned elements but must still suppress its\n // fallback content. Traverse only the element nodes of whichever set\n // is in effect, so text-only assignment keeps non-rendered fallback\n // controls out of the focus order, while genuine fallback (no\n // assignment) and shadow children are still walked.\n const assigned = root.assignedNodes({ flatten: true });\n const nodes =\n assigned.length > 0\n ? assigned.filter(\n (node): node is Element => node instanceof Element\n )\n : Array.from(root.children);\n nodes.forEach(visit);\n return;\n }\n if (root instanceof Element && root.shadowRoot) {\n Array.from(root.shadowRoot.children).forEach(visit);\n return;\n }\n Array.from(root.children).forEach(visit);\n };\n\n Array.from(dialog.children).forEach(visit);\n return focusable;\n }\n\n private onNativeKeydown = (e: KeyboardEvent) => {\n if (e.defaultPrevented) return;\n if (e.key === 'Escape') {\n this.onNativeCancel(e);\n return;\n }\n if (e.key !== 'Tab') return;\n\n const focusable = this.getNativeFocusableElements();\n const first = focusable[0];\n const last = focusable[focusable.length - 1];\n if (!first \|\| !last) {\n e.preventDefault();\n return;\n }\n\n const path = Array.from(e.composedPath());\n const inPath = (element: HTMLElement) => path.includes(element);\n if (e.shiftKey) {\n if (inPath(first) \|\| !focusable.some(inPath)) {\n e.preventDefault();\n last.focus();\n }\n } else if (inPath(last)) {\n e.preventDefault();\n first.focus();\n }\n };\n\n private onNativeCancel = (e: Event) => {\n // The component owns the close animation/lifecycle. Suppress the native\n // dialog's immediate default close, then forward exactly one cancel event\n // and update `open` only when cancellation is permitted.\n e.preventDefault();\n if (this.preventCancel) return;\n\n const forwarded = new Event('cancel', {\n bubbles: true,\n composed: true,\n cancelable: true,\n });\n const prevented = !this.dispatchEvent(forwarded);\n if (prevented) return;\n this.requestClose();\n };\n\n private onNativeClose = () => {\n // The native dialog can close itself, such as from a method=\"dialog\"\n // form submission. Synchronize the component state in that case.\n if (this.open) this.requestClose();\n };\n\n private onNativeSubmit = (e: SubmitEvent) => {\n if (e.defaultPrevented) return;\n\n const { target: form, submitter } = e;\n if (!(form instanceof HTMLFormElement)) return;\n\n const isSubmitControl =\n submitter instanceof HTMLButtonElement \|\|\n submitter instanceof HTMLInputElement;\n const effectiveMethod =\n isSubmitControl && submitter.hasAttribute('formmethod')\n ? submitter.formMethod\n : form.method;\n if (effectiveMethod.toLowerCase() !== 'dialog') return;\n\n // Native method=\"dialog\" submission closes synchronously, before the\n // `close` event. Own that default action so the dialog stays modal and\n // visible while the component's fold-out lifecycle runs. Preserve the\n // native returnValue contract for callers that inspect the chosen action.\n e.preventDefault();\n if (this.nativeDialog) {\n this.nativeDialog.returnValue =\n isSubmitControl && submitter ? submitter.value : '';\n }\n this.requestClose();\n };\n\n private requestClose() {\n this.open = false;\n }\n\n private onScrimClick = () => {\n if (!this.preventCloseOnScrimClick) this.requestClose();\n };\n\n private lockScroll() {\n if (this.isScrollLocked) return;\n this.isScrollLocked = true;\n this.scrollYBackup =\n window.scrollY \|\| document.documentElement.scrollTop \|\| 0;\n const { body } = document;\n const scrollbarWidth =\n window.innerWidth - document.documentElement.clientWidth;\n if (scrollbarWidth > 0) {\n body.style.paddingRight = `${scrollbarWidth}px`;\n }\n body.style.overflow = 'hidden';\n body.style.position = 'fixed';\n body.style.top = `-${this.scrollYBackup}px`;\n body.style.left = '0';\n body.style.right = '0';\n body.style.width = '100%';\n const isInsideNativeDialog = (ev: Event) => {\n const container = this.nativeDialogContainer;\n if (!container) return false;\n return ev\n .composedPath()\n .some(\n entry =>\n entry instanceof Node &&\n (entry === container \|\| container.contains(entry))\n );\n };\n const stopIfOutside = (ev: Event) => {\n if (!this.nativeDialogContainer) return;\n if (!isInsideNativeDialog(ev)) ev.preventDefault();\n };\n const onTouchMove = (e: TouchEvent) => stopIfOutside(e);\n const onKeyDown = (e: KeyboardEvent) => {\n const keys = [\n 'PageUp',\n 'PageDown',\n 'Home',\n 'End',\n 'ArrowUp',\n 'ArrowDown',\n ' ',\n ];\n if (!keys.includes(e.key)) return;\n if (!this.nativeDialogContainer) return;\n if (!isInsideNativeDialog(e)) e.preventDefault();\n };\n window.addEventListener('touchmove', onTouchMove, { passive: false });\n window.addEventListener('keydown', onKeyDown, { passive: false });\n this.removeScrollHandlers = () => {\n window.removeEventListener('touchmove', onTouchMove as any);\n window.removeEventListener('keydown', onKeyDown as any);\n };\n }\n\n private unlockScroll() {\n if (!this.isScrollLocked) return;\n this.isScrollLocked = false;\n if (this.removeScrollHandlers) {\n this.removeScrollHandlers();\n this.removeScrollHandlers = undefined;\n }\n const { body } = document;\n body.style.paddingRight = '';\n body.style.position = '';\n body.style.top = '';\n body.style.left = '';\n body.style.right = '';\n body.style.overflow = '';\n body.style.width = '';\n window.scrollTo(0, this.scrollYBackup \|\| 0);\n }\n\n onOpen() {\n this.dispatchEvent(new Event('open'));\n this.lockScroll();\n }\n\n onOpened() {\n this.dispatchEvent(new Event('opened'));\n }\n\n onClose() {\n // md-dialog can close itself (Escape, backdrop click, or a dialog-method\n // form submission). Keep the public state synchronized so setting `open`\n // to true later is a real transition and can reopen the dialog.\n this.open = false;\n this.dispatchEvent(new Event('close'));\n }\n\n onClosed() {\n this.dispatchEvent(new Event('closed'));\n this.unlockScroll();\n }\n\n onCancel(e: Event) {\n if (this.preventCancel) e.preventDefault();\n this.dispatchEvent(new Event('cancel', { bubbles: true, composed: true }));\n }\n\n private portalTemplate() {\n const {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n ...portalAriaAttributes\n } = this.forwardedAriaAttributes;\n // Modal semantics are owned by this component even though the native\n // dialog intentionally remains outside the browser top layer.\n delete portalAriaAttributes['aria-modal'];\n\n return html`\n <dialog\n ${ref(this.dialogRef)}\n @cancel=${this.onNativeCancel}\n @close=${this.onNativeClose}\n @submit=${this.onNativeSubmit}\n @keydown=${this.onNativeKeydown}\n aria-modal=\"true\"\n aria-label=${ariaLabel \|\| nothing}\n aria-labelledby=${ariaLabel\n ? nothing\n : ariaLabelledBy \|\| (this.hasPortalHeadline ? 'headline' : nothing)}\n ${spread(portalAriaAttributes)}\n >\n <div class=\"scrim\" aria-hidden=\"true\" @click=${this.onScrimClick}></div>\n <div class=\"container\" tabindex=\"-1\" ${ref(this.containerRef)}>\n <div class=\"headline\" id=\"headline\"></div>\n <div class=\"content\"></div>\n <div class=\"actions\"></div>\n </div>\n </dialog>\n `;\n }\n\n private renderMdDialog() {\n if (this.portalHost) {\n this.moveNodesBackFromPortal();\n this.teardownPortal();\n }\n return html`<md-dialog\n ?open=${this.open}\n class=\"dialog\"\n ?preventCloseOnScrimClick=${this.preventCloseOnScrimClick}\n ?disableNextClickIsFromContent=${this.disableNextClickIsFromContent}\n ?allowOverflow=${this.allowOverflow}\n ${spread(this.forwardedAriaAttributes)}\n @open=${this.onOpen}\n @opened=${this.onOpened}\n @close=${this.onClose}\n @closed=${this.onClosed}\n @cancel=${this.onCancel}\n >\n <slot slot=\"headline\" name=\"headline\"></slot>\n <slot slot=\"content\" name=\"content\"></slot>\n <slot slot=\"actions\" name=\"actions\"></slot>\n </md-dialog>`;\n }\n\n private renderNativeDialog() {\n if (this.portalRoot) {\n render(this.portalTemplate(), this.portalRoot);\n this.populatePortal();\n }\n return nothing;\n }\n\n render() {\n return this.useNativeDialog\n ? this.renderNativeDialog()\n : this.renderMdDialog();\n }\n}\n"]}

package/dist/ix-dialog.min.js CHANGED Viewed

@@ -100,7 +100,7 @@ import{css as e,LitElement as t,isServer as i,html as o,nothing as n,render as a
         </div>
         ${i?a:n}
       </dialog>
-    `}firstUpdated(){this.intersectionObserver=new IntersectionObserver(e=>{for(const t of e)this.handleAnchorIntersection(t)},{root:this.scroller}),this.intersectionObserver.observe(this.topAnchor),this.intersectionObserver.observe(this.bottomAnchor)}handleDialogClick(){if(this.nextClickIsFromContent)return void(this.nextClickIsFromContent=!1);!this.dispatchEvent(new Event("cancel",{cancelable:!0}))||this.close()}handleContentClick(){this.nextClickIsFromContent=!0}handleSubmit(e){var t;const i=e.target,{submitter:o}=e;"dialog"===i.getAttribute("method")&&o&&this.close(null!==(t=o.getAttribute("value"))&&void 0!==t?t:this.returnValue)}handleCancel(e){if(e.target!==this.dialog)return;this.escapePressedWithoutCancel=!1;const t=!f(this,e);e.preventDefault(),t||this.close()}handleClose(){var e;this.escapePressedWithoutCancel&&(this.escapePressedWithoutCancel=!1,null===(e=this.dialog)||void 0===e||e.dispatchEvent(new Event("cancel",{cancelable:!0})))}handleKeydown(e){"Escape"===e.key&&(this.escapePressedWithoutCancel=!0,setTimeout(()=>{this.escapePressedWithoutCancel=!1}))}async animateDialog(e){var t;if(null===(t=this.cancelAnimations)||void 0===t||t.abort(),this.cancelAnimations=new AbortController,this.quick)return;const{dialog:i,scrim:o,container:n,headline:a,content:s,actions:r}=this;if(!(i&&o&&n&&a&&s&&r))return;const{container:l,dialog:d,scrim:c,headline:h,content:p,actions:v}=e,m=[[i,null!=d?d:[]],[o,null!=c?c:[]],[n,null!=l?l:[]],[a,null!=h?h:[]],[s,null!=p?p:[]],[r,null!=v?v:[]]],u=[];for(const[e,t]of m)for(const i of t){const t=e.animate(...i);this.cancelAnimations.signal.addEventListener("abort",()=>{t.cancel()}),u.push(t)}await Promise.all(u.map(e=>e.finished.catch(()=>{})))}handleHeadlineChange(e){const t=e.target;this.hasHeadline=t.assignedElements().length>0}handleActionsChange(e){const t=e.target;this.hasActions=t.assignedElements().length>0}handleIconChange(e){const t=e.target;this.hasIcon=t.assignedElements().length>0}handleAnchorIntersection(e){const{target:t,isIntersecting:i}=e;t===this.topAnchor&&(this.isAtScrollTop=i),t===this.bottomAnchor&&(this.isAtScrollBottom=i)}getIsConnectedPromise(){return new Promise(e=>{this.isConnectedPromiseResolve=e})}handleFocusTrapFocus(e){var t;const[i,o]=this.getFirstAndLastFocusableChildren();if(!i||!o)return void(null===(t=this.dialog)||void 0===t||t.focus());const n=e.target===this.firstFocusTrap,a=!n,s=e.relatedTarget===i,r=e.relatedTarget===o,l=!s&&!r;if(a&&r||n&&l)return void i.focus();(n&&s||a&&l)&&o.focus()}getFirstAndLastFocusableChildren(){const e=this.getFocusableChildren(),t=e[0],i=e[e.length-1];return t&&i?[t,i]:[null,null]}getFocusableChildren(){const e=[],t=new Set,i=o=>{if(t.has(o))return;t.add(o);const n=o instanceof HTMLElement&&function(e){var t,i;const o=":is(button,input,select,textarea,object,:is(a,area)[href],[tabindex],[contenteditable=true])",n=":not(:disabled,[disabled])",a=':not([tabindex^="-"])';if(e.matches(o+n+a))return!0;if(!e.localName.includes("-"))return!1;if(!e.matches(n))return!1;return null!==(i=null===(t=e.shadowRoot)||void 0===t?void 0:t.delegatesFocus)&&void 0!==i&&i}(o);if(n&&e.push(o),o instanceof HTMLSlotElement){const e=o.assignedElements({flatten:!0});if(e.length)return void e.forEach(i)}o instanceof Element&&o.shadowRoot&&!o.shadowRoot.delegatesFocus&&Array.from(o.shadowRoot.children).forEach(i),Array.from(o.children).forEach(i)};return Array.from(this.children).forEach(i),e}}s([c({type:Boolean})],C.prototype,"open",null),s([c({type:Boolean})],C.prototype,"quick",void 0),s([c({attribute:!1})],C.prototype,"returnValue",void 0),s([c()],C.prototype,"type",void 0),s([c({type:Boolean,attribute:"no-focus-trap"})],C.prototype,"noFocusTrap",void 0),s([c({type:Boolean})],C.prototype,"allowOverflow",void 0),s([h("dialog")],C.prototype,"dialog",void 0),s([h(".scrim")],C.prototype,"scrim",void 0),s([h(".container")],C.prototype,"container",void 0),s([h(".headline")],C.prototype,"headline",void 0),s([h(".content")],C.prototype,"content",void 0),s([h(".actions")],C.prototype,"actions",void 0),s([p()],C.prototype,"isAtScrollTop",void 0),s([p()],C.prototype,"isAtScrollBottom",void 0),s([h(".scroller")],C.prototype,"scroller",void 0),s([h(".top.anchor")],C.prototype,"topAnchor",void 0),s([h(".bottom.anchor")],C.prototype,"bottomAnchor",void 0),s([h(".focus-trap")],C.prototype,"firstFocusTrap",void 0),s([p()],C.prototype,"hasHeadline",void 0),s([p()],C.prototype,"hasActions",void 0),s([p()],C.prototype,"hasIcon",void 0);const E=e`
+    `}firstUpdated(){this.intersectionObserver=new IntersectionObserver(e=>{for(const t of e)this.handleAnchorIntersection(t)},{root:this.scroller}),this.intersectionObserver.observe(this.topAnchor),this.intersectionObserver.observe(this.bottomAnchor)}handleDialogClick(){if(this.nextClickIsFromContent)return void(this.nextClickIsFromContent=!1);!this.dispatchEvent(new Event("cancel",{cancelable:!0}))||this.close()}handleContentClick(){this.nextClickIsFromContent=!0}handleSubmit(e){var t;const i=e.target,{submitter:o}=e;"dialog"===i.getAttribute("method")&&o&&this.close(null!==(t=o.getAttribute("value"))&&void 0!==t?t:this.returnValue)}handleCancel(e){if(e.target!==this.dialog)return;this.escapePressedWithoutCancel=!1;const t=!f(this,e);e.preventDefault(),t||this.close()}handleClose(){var e;this.escapePressedWithoutCancel&&(this.escapePressedWithoutCancel=!1,null===(e=this.dialog)||void 0===e||e.dispatchEvent(new Event("cancel",{cancelable:!0})))}handleKeydown(e){"Escape"===e.key&&(this.escapePressedWithoutCancel=!0,setTimeout(()=>{this.escapePressedWithoutCancel=!1}))}async animateDialog(e){var t;if(null===(t=this.cancelAnimations)||void 0===t||t.abort(),this.cancelAnimations=new AbortController,this.quick)return;const{dialog:i,scrim:o,container:n,headline:a,content:s,actions:r}=this;if(!(i&&o&&n&&a&&s&&r))return;const{container:l,dialog:d,scrim:c,headline:h,content:p,actions:v}=e,m=[[i,null!=d?d:[]],[o,null!=c?c:[]],[n,null!=l?l:[]],[a,null!=h?h:[]],[s,null!=p?p:[]],[r,null!=v?v:[]]],u=[];for(const[e,t]of m)for(const i of t){const t=e.animate(...i);this.cancelAnimations.signal.addEventListener("abort",()=>{t.cancel()}),u.push(t)}await Promise.all(u.map(e=>e.finished.catch(()=>{})))}handleHeadlineChange(e){const t=e.target;this.hasHeadline=t.assignedElements().length>0}handleActionsChange(e){const t=e.target;this.hasActions=t.assignedElements().length>0}handleIconChange(e){const t=e.target;this.hasIcon=t.assignedElements().length>0}handleAnchorIntersection(e){const{target:t,isIntersecting:i}=e;t===this.topAnchor&&(this.isAtScrollTop=i),t===this.bottomAnchor&&(this.isAtScrollBottom=i)}getIsConnectedPromise(){return new Promise(e=>{this.isConnectedPromiseResolve=e})}handleFocusTrapFocus(e){var t;const[i,o]=this.getFirstAndLastFocusableChildren();if(!i||!o)return void(null===(t=this.dialog)||void 0===t||t.focus());const n=e.target===this.firstFocusTrap,a=!n,s=e.relatedTarget===i,r=e.relatedTarget===o,l=!s&&!r;if(a&&r||n&&l)return void i.focus();(n&&s||a&&l)&&o.focus()}getFirstAndLastFocusableChildren(){const e=this.getFocusableChildren(),t=e[0],i=e[e.length-1];return t&&i?[t,i]:[null,null]}getFocusableChildren(){const e=[],t=new Set,i=o=>{if(t.has(o))return;t.add(o);const n=o instanceof HTMLElement&&function(e){var t,i;const o=":is(button,input,select,textarea,object,:is(a,area)[href],[tabindex],[contenteditable=true])",n=":not(:disabled,[disabled])",a=':not([tabindex^="-"])';if(e.matches(o+n+a))return!0;if(!e.localName.includes("-"))return!1;if(!e.matches(n))return!1;return null!==(i=null===(t=e.shadowRoot)||void 0===t?void 0:t.delegatesFocus)&&void 0!==i&&i}(o);if(n&&e.push(o),o instanceof HTMLSlotElement){const e=o.assignedElements({flatten:!0});if(e.length)return void e.forEach(i)}o instanceof Element&&o.shadowRoot&&!o.shadowRoot.delegatesFocus&&Array.from(o.shadowRoot.children).forEach(i),Array.from(o.children).forEach(i)};return Array.from(this.children).forEach(i),e}}s([c({type:Boolean})],C.prototype,"open",null),s([c({type:Boolean})],C.prototype,"quick",void 0),s([c({attribute:!1})],C.prototype,"returnValue",void 0),s([c()],C.prototype,"type",void 0),s([c({type:Boolean,attribute:"no-focus-trap"})],C.prototype,"noFocusTrap",void 0),s([c({type:Boolean})],C.prototype,"allowOverflow",void 0),s([h("dialog")],C.prototype,"dialog",void 0),s([h(".scrim")],C.prototype,"scrim",void 0),s([h(".container")],C.prototype,"container",void 0),s([h(".headline")],C.prototype,"headline",void 0),s([h(".content")],C.prototype,"content",void 0),s([h(".actions")],C.prototype,"actions",void 0),s([p()],C.prototype,"isAtScrollTop",void 0),s([p()],C.prototype,"isAtScrollBottom",void 0),s([h(".scroller")],C.prototype,"scroller",void 0),s([h(".top.anchor")],C.prototype,"topAnchor",void 0),s([h(".bottom.anchor")],C.prototype,"bottomAnchor",void 0),s([h(".focus-trap")],C.prototype,"firstFocusTrap",void 0),s([p()],C.prototype,"hasHeadline",void 0),s([p()],C.prototype,"hasActions",void 0),s([p()],C.prototype,"hasIcon",void 0);const k=e`
   :host {
     border-start-start-radius: var(
       --md-dialog-container-shape-start-start,
@@ -345,7 +345,7 @@ import{css as e,LitElement as t,isServer as i,html as o,nothing as n,render as a
       outline: 2px solid WindowText;
     }
   }
-`;class k extends C{}k.styles=[E],window.customElements.define("md-dialog",k);const S=l(r(t));class A extends S{constructor(){super(...arguments),this.open=!1,this.preventCancel=!1,this.preventCloseOnScrimClick=!1,this.disableNextClickIsFromContent=!1,this.useNativeDialog=!1,this.allowOverflow=!1,this.nativeClosing=!1,this.dialogRef=v(),this.containerRef=v(),this.pointerDownInside=!1,this.isScrollLocked=!1,this.scrollYBackup=0,this.onNativeKeydown=e=>{if(e.defaultPrevented)return;if("Escape"===e.key)return void this.onNativeCancel(e);if("Tab"!==e.key)return;const t=this.getNativeFocusableElements(),i=t[0],o=t[t.length-1];if(!i||!o)return void e.preventDefault();const n=Array.from(e.composedPath()),a=e=>n.includes(e);e.shiftKey?!a(i)&&t.some(a)||(e.preventDefault(),o.focus()):a(o)&&(e.preventDefault(),i.focus())},this.onNativeCancel=e=>{if(e.preventDefault(),this.preventCancel)return;const t=new Event("cancel",{bubbles:!0,composed:!0,cancelable:!0});!this.dispatchEvent(t)||this.requestClose()},this.onNativeClose=()=>{this.open&&this.requestClose()},this.onNativeSubmit=e=>{if(e.defaultPrevented)return;const{target:t,submitter:i}=e;if(!(t instanceof HTMLFormElement))return;const o=i instanceof HTMLButtonElement||i instanceof HTMLInputElement;"dialog"===(o&&i.hasAttribute("formmethod")?i.formMethod:t.method).toLowerCase()&&(e.preventDefault(),this.nativeDialog&&(this.nativeDialog.returnValue=o&&i?i.value:""),this.requestClose())},this.onScrimClick=()=>{this.preventCloseOnScrimClick||this.requestClose()}}get forwardedAriaAttributes(){const e={...this.ariaAttributes};for(const t of Array.from(this.attributes))t.name.startsWith("aria-")&&(e[t.name]=t.value);return e}get nativeDialog(){var e;return null!==(e=this.dialogRef.value)&&void 0!==e?e:null}get nativeDialogContainer(){var e;return null!==(e=this.containerRef.value)&&void 0!==e?e:null}get hasPortalHeadline(){return Array.from(this.children).some(e=>e instanceof HTMLElement&&"headline"===e.slot)}connectedCallback(){super.connectedCallback(),this.mo=new MutationObserver(()=>{this.useNativeDialog&&this.open&&this.populatePortal()}),this.mo.observe(this,{childList:!0,subtree:!0,attributes:!0,characterData:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this.mo)||void 0===e||e.disconnect(),this.cancelNativeOpenSchedule(),this.cancelNativeCloseSchedule(),this.unlockScroll(),this.moveNodesBackFromPortal(),this.teardownPortal()}updated(e){this.useNativeDialog&&e.has("open")&&(this.open?(this.cancelNativeOpenSchedule(),this.cancelNativeCloseSchedule(),this.ensurePortal(),this.portalRoot&&(this.attachPortalStyles(),a(this.portalTemplate(),this.portalRoot),this.populatePortal()),this.nativeClosing&&(this.nativeClosing=!1),this.dispatchEvent(new Event("open",{bubbles:!0,composed:!0})),this.lockScroll(),this.nativeShowRaf=requestAnimationFrame(()=>{var e;this.nativeShowRaf=void 0;const t=this.nativeDialog;this.open&&!this.nativeClosing&&(null==t?void 0:t.isConnected)&&(t.open||t.show(),null===(e=this.nativeDialogContainer)||void 0===e||e.focus(),this.nativeOpenedRaf=requestAnimationFrame(()=>{this.nativeOpenedRaf=void 0,this.open&&!this.nativeClosing&&t.open&&this.dispatchEvent(new Event("opened",{bubbles:!0,composed:!0}))}))})):(!0===e.get("open")||this.portalHost)&&this.startNativeCloseAnimation())}dismiss(){this.open&&Promise.resolve().then(()=>{this.requestClose()})}startNativeCloseAnimation(){if(this.nativeClosing)return;this.cancelNativeOpenSchedule(),this.nativeClosing=!0,this.dispatchEvent(new Event("close",{bubbles:!0,composed:!0}));const e=()=>{var e,t;null===(e=this.nativeDialogContainer)||void 0===e||e.classList.remove("closing"),this.nativeClosing=!1,null===(t=this.nativeDialog)||void 0===t||t.close(),this.unlockScroll(),this.dispatchEvent(new Event("closed",{bubbles:!0,composed:!0})),this.moveNodesBackFromPortal(),this.teardownPortal()},t=this.nativeDialogContainer;if(!t)return void e();t.classList.add("closing");let i=!1;const o=n=>{n&&n.target!==t||i||(i=!0,t.removeEventListener("animationend",o),void 0!==this.nativeCloseFallback&&(window.clearTimeout(this.nativeCloseFallback),this.nativeCloseFallback=void 0),this.nativeOnEnd=void 0,e())};this.nativeOnEnd=o,t.addEventListener("animationend",o);const n=getComputedStyle(t),a=e=>{const t=e.trim();return t.endsWith("ms")?Number.parseFloat(t)||0:t.endsWith("s")?1e3*(Number.parseFloat(t)||0):0},s=n.animationDuration.split(",").map(a),r=n.animationDelay.split(",").map(a),l=s.reduce((e,t,i)=>{var o;return Math.max(e,t+(null!==(o=r[i%r.length])&&void 0!==o?o:0))},0);this.nativeCloseFallback=window.setTimeout(o,l>0?l+100:0)}cancelNativeOpenSchedule(){void 0!==this.nativeShowRaf&&(cancelAnimationFrame(this.nativeShowRaf),this.nativeShowRaf=void 0),void 0!==this.nativeOpenedRaf&&(cancelAnimationFrame(this.nativeOpenedRaf),this.nativeOpenedRaf=void 0)}cancelNativeCloseSchedule(){var e;void 0!==this.nativeCloseFallback&&(window.clearTimeout(this.nativeCloseFallback),this.nativeCloseFallback=void 0),this.nativeOnEnd&&this.nativeDialogContainer&&this.nativeDialogContainer.removeEventListener("animationend",this.nativeOnEnd),this.nativeOnEnd=void 0,null===(e=this.nativeDialogContainer)||void 0===e||e.classList.remove("closing")}ensurePortal(){if(this.portalRoot)return;const e=document.createElement("ix-dialog-portal-host"),t=e.attachShadow({mode:"open"});this.shadowRoot&&"adoptedStyleSheets"in this.shadowRoot&&(t.adoptedStyleSheets=this.shadowRoot.adoptedStyleSheets),document.body.appendChild(e),this.portalHost=e,this.portalRoot=t}attachPortalStyles(){if(!this.portalRoot||this.portalStyleEl)return;const e=document.createElement("style"),t="\n  dialog {\n    position: fixed;\n    inset: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    display: grid;\n    place-items: center;\n    pointer-events: none;\n    z-index: 1000;\n    max-width: none !important;\n    max-height: none !important;\n  }\n  dialog:not([open]) {\n    display: none;\n  }\n  .scrim {\n    position: fixed;\n    inset: 0;\n    background: var(--ix-dialog-scrim, rgba(0,0,0,0.5));\n    pointer-events: auto;\n    z-index: 1000;\n    touch-action: none;\n    border: 0;\n    padding: 0;\n    appearance: none;\n  }\n  .container {\n    position: relative;\n    border-radius: 0.75rem;\n    background: var(--ix-dialog-bg, #fff);\n    box-shadow: var(--ix-dialog-shadow, 0 10px 30px rgba(0,0,0,0.25));\n    display: grid;\n    grid-template-rows: auto 1fr auto;\n    overflow: visible;\n    pointer-events: auto;\n    z-index: 1001;\n    max-width: none!important;\n  }\n  .container .content {\n    overflow: visible;\n  }\n  .scrim:focus:not(:focus-visible) {\n    outline: none;\n  }\n  /* The programmatically focused container is not an interactive control. */\n  .container:focus {\n    outline: none;\n  }\n  .container > .headline,\n  .container > .content,\n  .container > .actions {\n    padding: var(--ix-dialog-section-padding, 1rem);\n  }\n  .container > .actions {\n    display: flex;\n    gap: var(--ix-dialog-actions-gap, 0.5rem);\n    justify-content: flex-end;\n    align-items: center;\n    padding: 0;\n    border-top: 0;\n  }\n  @keyframes ix-portal-fold-in {\n    from { transform: translateY(-0.5rem) scaleY(0.92); opacity: 0; }\n    to { transform: translateY(0) scaleY(1); opacity: 1; }\n  }\n  @keyframes ix-portal-fold-out {\n    from { transform: translateY(0) scaleY(1); opacity: 1; }\n    to { transform: translateY(-0.5rem) scaleY(0.98); opacity: 0; }\n  }\n  dialog[open] > .container:not(.closing) {\n    transform-origin: top center;\n    animation: ix-portal-fold-in var(--ix-dialog-in-dur, 500ms)\n      cubic-bezier(0.2, 0.7, 0.3, 1) both;\n  }\n  .container.closing {\n    animation: ix-portal-fold-out var(--ix-dialog-out-dur, 250ms)\n      cubic-bezier(0.2, 0.7, 0.3, 1) both;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    dialog > .container { animation: none !important; }\n  }\n  ";if(this.contentStyles){const i=(Array.isArray(this.contentStyles)?this.contentStyles:[this.contentStyles]).map(e=>"object"==typeof e&&"cssText"in e?e.cssText:"").join("\n");e.textContent=i+t}else e.textContent=t;this.portalRoot.append(e),this.portalStyleEl=e}teardownPortal(){var e;this.portalHost&&(this.portalRoot&&a(n,this.portalRoot),null===(e=this.portalStyleEl)||void 0===e||e.remove(),this.portalStyleEl=void 0,this.portalHost.remove(),this.portalRoot=void 0,this.portalHost=void 0)}moveNodesToPortal(e,t){if(!this.nativeDialogContainer)return;const i=this.nativeDialogContainer.querySelector(t);if(!i)return;Array.from(this.children).filter(t=>t instanceof HTMLElement&&t.slot===e).forEach(e=>i.appendChild(e))}moveNodesBackFromPortal(){if(!this.nativeDialogContainer)return;[this.nativeDialogContainer.querySelector(".headline"),this.nativeDialogContainer.querySelector(".content"),this.nativeDialogContainer.querySelector(".actions")].forEach(e=>{if(!e)return;Array.from(e.childNodes).forEach(e=>this.appendChild(e))})}populatePortal(){this.moveNodesToPortal("headline",".headline"),this.moveNodesToPortal("content",".content"),this.moveNodesToPortal("actions",".actions")}static getComposedParent(e){if(e.assignedSlot)return e.assignedSlot;if(e.parentElement)return e.parentElement;const{host:t}=e.getRootNode();return t instanceof HTMLElement?t:null}static isHiddenOrDisabled(e){var t,i,o;if(e.hasAttribute("disabled")||e.hasAttribute("hidden")||e.hasAttribute("inert")||"true"===e.getAttribute("aria-disabled")||"true"===e.getAttribute("aria-hidden")||e.disabled)return!0;const n=null===(o=null===(i=null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView)||void 0===i?void 0:i.getComputedStyle)||void 0===o?void 0:o.call(i,e);return!(!n||"none"!==n.display&&"hidden"!==n.visibility&&"collapse"!==n.visibility)}static isEligibleComposedFocusTarget(e){if(!e.isConnected)return!1;const t=new Set;let i=e;for(;i&&!t.has(i);){if(t.add(i),A.isHiddenOrDisabled(i))return!1;i=A.getComposedParent(i)}return!0}getNativeFocusableElements(){const e=this.nativeDialog;if(!e)return[];const t=[],i=new Set,o=e=>{if(!i.has(e)){if(i.add(e),e instanceof HTMLElement&&e.tabIndex>=0&&A.isEligibleComposedFocusTarget(e)&&t.push(e),e instanceof HTMLSlotElement){const t=e.assignedNodes({flatten:!0});return void(t.length>0?t.filter(e=>e instanceof Element):Array.from(e.children)).forEach(o)}e instanceof Element&&e.shadowRoot?Array.from(e.shadowRoot.children).forEach(o):Array.from(e.children).forEach(o)}};return Array.from(e.children).forEach(o),t}requestClose(){this.open=!1}lockScroll(){if(this.isScrollLocked)return;this.isScrollLocked=!0,this.scrollYBackup=window.scrollY||document.documentElement.scrollTop||0;const{body:e}=document,t=window.innerWidth-document.documentElement.clientWidth;t>0&&(e.style.paddingRight=`${t}px`),e.style.overflow="hidden",e.style.position="fixed",e.style.top=`-${this.scrollYBackup}px`,e.style.left="0",e.style.right="0",e.style.width="100%";const i=e=>{const t=this.nativeDialogContainer;return!!t&&e.composedPath().some(e=>e instanceof Node&&(e===t||t.contains(e)))},o=e=>{this.nativeDialogContainer&&(i(e)||e.preventDefault())},n=e=>o(e),a=e=>{["PageUp","PageDown","Home","End","ArrowUp","ArrowDown"," "].includes(e.key)&&this.nativeDialogContainer&&(i(e)||e.preventDefault())};window.addEventListener("touchmove",n,{passive:!1}),window.addEventListener("keydown",a,{passive:!1}),this.removeScrollHandlers=()=>{window.removeEventListener("touchmove",n),window.removeEventListener("keydown",a)}}unlockScroll(){if(!this.isScrollLocked)return;this.isScrollLocked=!1,this.removeScrollHandlers&&(this.removeScrollHandlers(),this.removeScrollHandlers=void 0);const{body:e}=document;e.style.paddingRight="",e.style.position="",e.style.top="",e.style.left="",e.style.right="",e.style.overflow="",e.style.width="",window.scrollTo(0,this.scrollYBackup||0)}onOpen(){this.dispatchEvent(new Event("open")),this.lockScroll()}onOpened(){this.dispatchEvent(new Event("opened"))}onClose(){this.open=!1,this.dispatchEvent(new Event("close"))}onClosed(){this.dispatchEvent(new Event("closed")),this.unlockScroll()}onCancel(e){this.preventCancel&&e.preventDefault(),this.dispatchEvent(new Event("cancel",{bubbles:!0,composed:!0}))}portalTemplate(){const{"aria-label":e,"aria-labelledby":t,...i}=this.forwardedAriaAttributes;return delete i["aria-modal"],o`
+`;class E extends C{}E.styles=[k],window.customElements.define("md-dialog",E);const S=l(r(t));class A extends S{constructor(){super(...arguments),this.open=!1,this.preventCancel=!1,this.preventCloseOnScrimClick=!1,this.disableNextClickIsFromContent=!1,this.useNativeDialog=!1,this.allowOverflow=!1,this.nativeClosing=!1,this.dialogRef=v(),this.containerRef=v(),this.pointerDownInside=!1,this.isScrollLocked=!1,this.scrollYBackup=0,this.onNativeKeydown=e=>{if(e.defaultPrevented)return;if("Escape"===e.key)return void this.onNativeCancel(e);if("Tab"!==e.key)return;const t=this.getNativeFocusableElements(),i=t[0],o=t[t.length-1];if(!i||!o)return void e.preventDefault();const n=Array.from(e.composedPath()),a=e=>n.includes(e);e.shiftKey?!a(i)&&t.some(a)||(e.preventDefault(),o.focus()):a(o)&&(e.preventDefault(),i.focus())},this.onNativeCancel=e=>{if(e.preventDefault(),this.preventCancel)return;const t=new Event("cancel",{bubbles:!0,composed:!0,cancelable:!0});!this.dispatchEvent(t)||this.requestClose()},this.onNativeClose=()=>{this.open&&this.requestClose()},this.onNativeSubmit=e=>{if(e.defaultPrevented)return;const{target:t,submitter:i}=e;if(!(t instanceof HTMLFormElement))return;const o=i instanceof HTMLButtonElement||i instanceof HTMLInputElement;"dialog"===(o&&i.hasAttribute("formmethod")?i.formMethod:t.method).toLowerCase()&&(e.preventDefault(),this.nativeDialog&&(this.nativeDialog.returnValue=o&&i?i.value:""),this.requestClose())},this.onScrimClick=()=>{this.preventCloseOnScrimClick||this.requestClose()}}get forwardedAriaAttributes(){const e={...this.ariaAttributes};for(const t of Array.from(this.attributes))t.name.startsWith("aria-")&&(e[t.name]=t.value);return e}get nativeDialog(){var e;return null!==(e=this.dialogRef.value)&&void 0!==e?e:null}get nativeDialogContainer(){var e;return null!==(e=this.containerRef.value)&&void 0!==e?e:null}get hasPortalHeadline(){return Array.from(this.children).some(e=>e instanceof HTMLElement&&"headline"===e.slot)}connectedCallback(){super.connectedCallback(),this.mo=new MutationObserver(()=>{this.useNativeDialog&&this.open&&this.populatePortal()}),this.mo.observe(this,{childList:!0,subtree:!0,attributes:!0,characterData:!0})}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this.mo)||void 0===e||e.disconnect(),this.cancelNativeOpenSchedule(),this.cancelNativeCloseSchedule(),this.unlockScroll(),this.moveNodesBackFromPortal(),this.teardownPortal()}updated(e){this.useNativeDialog&&e.has("open")&&(this.open?(this.cancelNativeOpenSchedule(),this.cancelNativeCloseSchedule(),this.ensurePortal(),this.portalRoot&&(this.attachPortalStyles(),a(this.portalTemplate(),this.portalRoot),this.populatePortal()),this.nativeClosing&&(this.nativeClosing=!1),this.dispatchEvent(new Event("open",{bubbles:!0,composed:!0})),this.lockScroll(),this.nativeShowRaf=requestAnimationFrame(()=>{var e;this.nativeShowRaf=void 0;const t=this.nativeDialog;this.open&&!this.nativeClosing&&(null==t?void 0:t.isConnected)&&(t.open||t.show(),null===(e=this.nativeDialogContainer)||void 0===e||e.focus(),this.nativeOpenedRaf=requestAnimationFrame(()=>{this.nativeOpenedRaf=void 0,this.open&&!this.nativeClosing&&t.open&&this.dispatchEvent(new Event("opened",{bubbles:!0,composed:!0}))}))})):(!0===e.get("open")||this.portalHost)&&this.startNativeCloseAnimation())}dismiss(){this.open&&Promise.resolve().then(()=>{this.requestClose()})}startNativeCloseAnimation(){if(this.nativeClosing)return;this.cancelNativeOpenSchedule(),this.nativeClosing=!0,this.dispatchEvent(new Event("close",{bubbles:!0,composed:!0}));const e=()=>{var e,t;null===(e=this.nativeDialogContainer)||void 0===e||e.classList.remove("closing"),this.nativeClosing=!1,null===(t=this.nativeDialog)||void 0===t||t.close(),this.unlockScroll(),this.dispatchEvent(new Event("closed",{bubbles:!0,composed:!0})),this.moveNodesBackFromPortal(),this.teardownPortal()},t=this.nativeDialogContainer;if(!t)return void e();t.classList.add("closing");let i=!1;const o=n=>{n&&n.target!==t||i||(i=!0,t.removeEventListener("animationend",o),void 0!==this.nativeCloseFallback&&(window.clearTimeout(this.nativeCloseFallback),this.nativeCloseFallback=void 0),this.nativeOnEnd=void 0,e())};this.nativeOnEnd=o,t.addEventListener("animationend",o);const n=getComputedStyle(t),a=e=>{const t=e.trim();return t.endsWith("ms")?Number.parseFloat(t)||0:t.endsWith("s")?1e3*(Number.parseFloat(t)||0):0},s=n.animationDuration.split(",").map(a),r=n.animationDelay.split(",").map(a),l=s.reduce((e,t,i)=>{var o;return Math.max(e,t+(null!==(o=r[i%r.length])&&void 0!==o?o:0))},0);this.nativeCloseFallback=window.setTimeout(o,l>0?l+100:0)}cancelNativeOpenSchedule(){void 0!==this.nativeShowRaf&&(cancelAnimationFrame(this.nativeShowRaf),this.nativeShowRaf=void 0),void 0!==this.nativeOpenedRaf&&(cancelAnimationFrame(this.nativeOpenedRaf),this.nativeOpenedRaf=void 0)}cancelNativeCloseSchedule(){var e;void 0!==this.nativeCloseFallback&&(window.clearTimeout(this.nativeCloseFallback),this.nativeCloseFallback=void 0),this.nativeOnEnd&&this.nativeDialogContainer&&this.nativeDialogContainer.removeEventListener("animationend",this.nativeOnEnd),this.nativeOnEnd=void 0,null===(e=this.nativeDialogContainer)||void 0===e||e.classList.remove("closing")}ensurePortal(){if(this.portalRoot)return;const e=document.createElement("ix-dialog-portal-host"),t=e.attachShadow({mode:"open"});this.shadowRoot&&"adoptedStyleSheets"in this.shadowRoot&&(t.adoptedStyleSheets=this.shadowRoot.adoptedStyleSheets),document.body.appendChild(e),this.portalHost=e,this.portalRoot=t}attachPortalStyles(){if(!this.portalRoot||this.portalStyleEl)return;const e=document.createElement("style"),t="\n  dialog {\n    position: fixed;\n    inset: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    display: grid;\n    place-items: center;\n    pointer-events: none;\n    z-index: 1000;\n    max-width: none !important;\n    max-height: none !important;\n  }\n  dialog:not([open]) {\n    display: none;\n  }\n  .scrim {\n    position: fixed;\n    inset: 0;\n    background: var(--ix-dialog-scrim, rgba(0,0,0,0.5));\n    pointer-events: auto;\n    z-index: 1000;\n    touch-action: none;\n    border: 0;\n    padding: 0;\n    appearance: none;\n  }\n  .container {\n    position: relative;\n    border-radius: 0.75rem;\n    background: var(--ix-dialog-bg, #fff);\n    box-shadow: var(--ix-dialog-shadow, 0 10px 30px rgba(0,0,0,0.25));\n    display: grid;\n    grid-template-rows: auto 1fr auto;\n    overflow: visible;\n    pointer-events: auto;\n    z-index: 1001;\n    max-width: none!important;\n  }\n  .container .content {\n    overflow: visible;\n  }\n  .scrim:focus:not(:focus-visible) {\n    outline: none;\n  }\n  /* The programmatically focused container is not an interactive control. */\n  .container:focus {\n    outline: none;\n  }\n  .container > .headline,\n  .container > .content,\n  .container > .actions {\n    padding: var(--ix-dialog-section-padding, 1rem);\n  }\n  .container > .actions {\n    display: flex;\n    gap: var(--ix-dialog-actions-gap, 0.5rem);\n    justify-content: flex-end;\n    align-items: center;\n    padding: 0;\n    border-top: 0;\n  }\n  @keyframes ix-portal-fold-in {\n    from { transform: translateY(-0.5rem) scaleY(0.92); opacity: 0; }\n    to { transform: translateY(0) scaleY(1); opacity: 1; }\n  }\n  @keyframes ix-portal-fold-out {\n    from { transform: translateY(0) scaleY(1); opacity: 1; }\n    to { transform: translateY(-0.5rem) scaleY(0.98); opacity: 0; }\n  }\n  /* 'backwards' (not 'both') so the finished animation does not leave a\n     transform on the container. A retained transform, even an identity one,\n     turns the container into the containing block for position: fixed\n     descendants (e.g. md-menu with menu-positioning=\"fixed\"), which then\n     render offset by the container's position and get clipped. */\n  dialog[open] > .container:not(.closing) {\n    transform-origin: top center;\n    animation: ix-portal-fold-in var(--ix-dialog-in-dur, 500ms)\n      cubic-bezier(0.2, 0.7, 0.3, 1) backwards;\n  }\n  .container.closing {\n    animation: ix-portal-fold-out var(--ix-dialog-out-dur, 250ms)\n      cubic-bezier(0.2, 0.7, 0.3, 1) both;\n  }\n  @media (prefers-reduced-motion: reduce) {\n    dialog > .container { animation: none !important; }\n  }\n  ";if(this.contentStyles){const i=(Array.isArray(this.contentStyles)?this.contentStyles:[this.contentStyles]).map(e=>"object"==typeof e&&"cssText"in e?e.cssText:"").join("\n");e.textContent=i+t}else e.textContent=t;this.portalRoot.append(e),this.portalStyleEl=e}teardownPortal(){var e;this.portalHost&&(this.portalRoot&&a(n,this.portalRoot),null===(e=this.portalStyleEl)||void 0===e||e.remove(),this.portalStyleEl=void 0,this.portalHost.remove(),this.portalRoot=void 0,this.portalHost=void 0)}moveNodesToPortal(e,t){if(!this.nativeDialogContainer)return;const i=this.nativeDialogContainer.querySelector(t);if(!i)return;Array.from(this.children).filter(t=>t instanceof HTMLElement&&t.slot===e).forEach(e=>i.appendChild(e))}moveNodesBackFromPortal(){if(!this.nativeDialogContainer)return;[this.nativeDialogContainer.querySelector(".headline"),this.nativeDialogContainer.querySelector(".content"),this.nativeDialogContainer.querySelector(".actions")].forEach(e=>{if(!e)return;Array.from(e.childNodes).forEach(e=>this.appendChild(e))})}populatePortal(){this.moveNodesToPortal("headline",".headline"),this.moveNodesToPortal("content",".content"),this.moveNodesToPortal("actions",".actions")}static getComposedParent(e){if(e.assignedSlot)return e.assignedSlot;if(e.parentElement)return e.parentElement;const{host:t}=e.getRootNode();return t instanceof HTMLElement?t:null}static isHiddenOrDisabled(e){var t,i,o;if(e.hasAttribute("disabled")||e.hasAttribute("hidden")||e.hasAttribute("inert")||"true"===e.getAttribute("aria-disabled")||"true"===e.getAttribute("aria-hidden")||e.disabled)return!0;const n=null===(o=null===(i=null===(t=e.ownerDocument)||void 0===t?void 0:t.defaultView)||void 0===i?void 0:i.getComputedStyle)||void 0===o?void 0:o.call(i,e);return!(!n||"none"!==n.display&&"hidden"!==n.visibility&&"collapse"!==n.visibility)}static isEligibleComposedFocusTarget(e){if(!e.isConnected)return!1;const t=new Set;let i=e;for(;i&&!t.has(i);){if(t.add(i),A.isHiddenOrDisabled(i))return!1;i=A.getComposedParent(i)}return!0}getNativeFocusableElements(){const e=this.nativeDialog;if(!e)return[];const t=[],i=new Set,o=e=>{if(!i.has(e)){if(i.add(e),e instanceof HTMLElement&&e.tabIndex>=0&&A.isEligibleComposedFocusTarget(e)&&t.push(e),e instanceof HTMLSlotElement){const t=e.assignedNodes({flatten:!0});return void(t.length>0?t.filter(e=>e instanceof Element):Array.from(e.children)).forEach(o)}e instanceof Element&&e.shadowRoot?Array.from(e.shadowRoot.children).forEach(o):Array.from(e.children).forEach(o)}};return Array.from(e.children).forEach(o),t}requestClose(){this.open=!1}lockScroll(){if(this.isScrollLocked)return;this.isScrollLocked=!0,this.scrollYBackup=window.scrollY||document.documentElement.scrollTop||0;const{body:e}=document,t=window.innerWidth-document.documentElement.clientWidth;t>0&&(e.style.paddingRight=`${t}px`),e.style.overflow="hidden",e.style.position="fixed",e.style.top=`-${this.scrollYBackup}px`,e.style.left="0",e.style.right="0",e.style.width="100%";const i=e=>{const t=this.nativeDialogContainer;return!!t&&e.composedPath().some(e=>e instanceof Node&&(e===t||t.contains(e)))},o=e=>{this.nativeDialogContainer&&(i(e)||e.preventDefault())},n=e=>o(e),a=e=>{["PageUp","PageDown","Home","End","ArrowUp","ArrowDown"," "].includes(e.key)&&this.nativeDialogContainer&&(i(e)||e.preventDefault())};window.addEventListener("touchmove",n,{passive:!1}),window.addEventListener("keydown",a,{passive:!1}),this.removeScrollHandlers=()=>{window.removeEventListener("touchmove",n),window.removeEventListener("keydown",a)}}unlockScroll(){if(!this.isScrollLocked)return;this.isScrollLocked=!1,this.removeScrollHandlers&&(this.removeScrollHandlers(),this.removeScrollHandlers=void 0);const{body:e}=document;e.style.paddingRight="",e.style.position="",e.style.top="",e.style.left="",e.style.right="",e.style.overflow="",e.style.width="",window.scrollTo(0,this.scrollYBackup||0)}onOpen(){this.dispatchEvent(new Event("open")),this.lockScroll()}onOpened(){this.dispatchEvent(new Event("opened"))}onClose(){this.open=!1,this.dispatchEvent(new Event("close"))}onClosed(){this.dispatchEvent(new Event("closed")),this.unlockScroll()}onCancel(e){this.preventCancel&&e.preventDefault(),this.dispatchEvent(new Event("cancel",{bubbles:!0,composed:!0}))}portalTemplate(){const{"aria-label":e,"aria-labelledby":t,...i}=this.forwardedAriaAttributes;return delete i["aria-modal"],o`
       <dialog
         ${m(this.dialogRef)}
         @cancel=${this.onNativeCancel}

package/package.json CHANGED Viewed

@@ -3,7 +3,7 @@
   "description": "Webcomponent ix-dialog following open-wc recommendations",
   "license": "MIT",
   "author": "Digital Realty",
-  "version": "1.3.6",
+  "version": "1.3.7",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -96,5 +96,5 @@
     "README.md",
     "LICENSE"
   ],
-  "gitHead": "ff1bc94054ea7c7c585d1e59c921624748cdb08f"
+  "gitHead": "008b6dc7c075803152aee8e72d3fb4399410e495"
 }