@policystudio/policy-studio-ui-vue 1.2.0-access.3 → 1.2.0-access.30

package/dist/composables/useCollapseAnimation.d.ts

@@ -0,0 +1,8 @@
+export declare function useCollapseAnimation(): {
+    beforeEnter: (el: HTMLElement) => void;
+    enter: (el: HTMLElement, done: () => void) => void;
+    afterEnter: (el: HTMLElement) => void;
+    beforeLeave: (el: HTMLElement) => void;
+    leave: (el: HTMLElement, done: () => void) => void;
+    afterLeave: (el: HTMLElement) => void;
+};

package/dist/composables/useCollapseAnimation.js

@@ -0,0 +1,65 @@
+export function useCollapseAnimation() {
+    const beforeEnter = (el) => {
+        el.style.height = '0';
+        el.style.opacity = '0';
+        el.style.overflow = 'hidden';
+        el.style.paddingTop = '0';
+        el.style.paddingBottom = '0';
+        el.style.marginTop = '0';
+        el.style.marginBottom = '0';
+    };
+    const enter = (el, done) => {
+        void el.offsetHeight;
+        el.style.transition = 'all 0.3s ease-in-out';
+        el.style.height = el.scrollHeight + 'px';
+        el.style.opacity = '1';
+        el.style.removeProperty('padding-top');
+        el.style.removeProperty('padding-bottom');
+        el.style.removeProperty('margin-top');
+        el.style.removeProperty('margin-bottom');
+        el.addEventListener('transitionend', done, { once: true });
+    };
+    const afterEnter = (el) => {
+        el.style.height = 'auto';
+        el.style.overflow = 'visible';
+        el.style.transition = '';
+    };
+    const beforeLeave = (el) => {
+        if (!el)
+            return;
+        el.style.height = el.scrollHeight + 'px';
+        el.style.overflow = 'hidden';
+        const style = window.getComputedStyle(el);
+        el.style.paddingTop = style.paddingTop;
+        el.style.paddingBottom = style.paddingBottom;
+        el.style.marginTop = style.marginTop;
+        el.style.marginBottom = style.marginBottom;
+    };
+    const leave = (el, done) => {
+        if (!el)
+            return;
+        void el.offsetHeight;
+        el.style.transition = 'all 0.3s ease-in-out';
+        requestAnimationFrame(() => {
+            el.style.height = '0';
+            el.style.opacity = '0';
+            el.style.paddingTop = '0';
+            el.style.paddingBottom = '0';
+            el.style.marginTop = '0';
+            el.style.marginBottom = '0';
+        });
+        el.addEventListener('transitionend', done, { once: true });
+    };
+    const afterLeave = (el) => {
+        el.style.transition = '';
+    };
+    return {
+        beforeEnter,
+        enter,
+        afterEnter,
+        beforeLeave,
+        leave,
+        afterLeave
+    };
+}
+//# sourceMappingURL=useCollapseAnimation.js.map

package/dist/composables/useCollapseAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapseAnimation.js","sourceRoot":"","sources":["../../src/composables/useCollapseAnimation.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,oBAAoB;IAClC,MAAM,WAAW,GAAG,CAAC,EAAe,EAAE,EAAE;QACtC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAA;QACrB,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAA;QACtB,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAC5B,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAA;QACzB,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,GAAG,CAAA;QAC5B,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAA;QACxB,EAAE,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,CAAA;IAC7B,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,CAAC,EAAe,EAAE,IAAgB,EAAE,EAAE;QAClD,KAAK,EAAE,CAAC,YAAY,CAAA;QAEpB,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,sBAAsB,CAAA;QAC5C,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC,YAAY,GAAG,IAAI,CAAA;QACxC,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAA;QAEtB,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAA;QACtC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAA;QACzC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;QACrC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;QAExC,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;IAC5D,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,EAAe,EAAE,EAAE;QACrC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QACxB,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,SAAS,CAAA;QAC7B,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,EAAe,EAAE,EAAE;QACtC,IAAI,CAAC,EAAE;YAAE,OAAM;QACf,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC,YAAY,GAAG,IAAI,CAAA;QACxC,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAE5B,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAA;QACzC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAA;QACtC,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAA;QAC5C,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;QACpC,EAAE,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,CAAA;IAC5C,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,CAAC,EAAe,EAAE,IAAgB,EAAE,EAAE;QAClD,IAAI,CAAC,EAAE;YAAE,OAAM;QACf,KAAK,EAAE,CAAC,YAAY,CAAA;QACpB,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,sBAAsB,CAAA;QAE5C,qBAAqB,CAAC,GAAG,EAAE;YACzB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAA;YACrB,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAA;YACtB,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAA;YACzB,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,GAAG,CAAA;YAC5B,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAA;YACxB,EAAE,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,CAAA;QAC7B,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;IAC5D,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,EAAe,EAAE,EAAE;QACrC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAA;IAC1B,CAAC,CAAA;IAED,OAAO;QACL,WAAW;QACX,KAAK;QACL,UAAU;QACV,WAAW;QACX,KAAK;QACL,UAAU;KACX,CAAA;AACH,CAAC"}