text: import{S as e,i as r,s as t,H as s,e as n,w as a,D as c,J as o,d as i,I as $,c as l,b as m,x as f,E as p,f as d,h as u,j as h,F as g,m as v,t as x,G as E,R as y,aa as b,y as w}from"./client.d2072051.js";import{B as S,a as C}from"./BreadcrumbItem.483dfd4c.js";import{C as O}from"./CardBody.e78b65ec.js";import{R as D}from"./Row.862badb3.js";import{U as q}from"./UncontrolledCollapse.42d289cd.js";function H(e){let r;return{c(){r=a("Коллапсер")},l(e){r=f(e,"Коллапсер")},m(e,t){u(e,r,t)},d(e){e&&i(r)}}}function A(e){let r;const t=new C({props:{active:!0,$$slots:{default:[H]},$$scope:{ctx:e}}});return{c(){c(t.$$.fragment)},l(e){p(t.$$.fragment,e)},m(e,s){g(t,e,s),r=!0},p(e,r){const s={};512&r&&(s.$$scope={dirty:r,ctx:e}),t.$set(s)},i(e){r||(v(t.$$.fragment,e),r=!0)},o(e){x(t.$$.fragment,e),r=!1},d(e){E(t,e)}}}function I(e){let r;return{c(){r=a("Переключатель")},l(e){r=f(e,"Переключатель")},m(e,t){u(e,r,t)},d(e){e&&i(r)}}}function L(e){let r;return{c(){r=a("Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry\r\n                richardson ad squid. Nihil anim keffiyeh helvetica,\r\n                craft beer labore wes\r\n                anderson cred nesciunt sapiente ea proident.")},l(e){r=f(e,"Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry\r\n                richardson ad squid. Nihil anim keffiyeh helvetica,\r\n                craft beer labore wes\r\n                anderson cred nesciunt sapiente ea proident.")},m(e,t){u(e,r,t)},d(e){e&&i(r)}}}function k(e){let r;const t=new O({props:{body:!0,$$slots:{default:[L]},$$scope:{ctx:e}}});return{c(){c(t.$$.fragment)},l(e){p(t.$$.fragment,e)},m(e,s){g(t,e,s),r=!0},p(e,r){const s={};512&r&&(s.$$scope={dirty:r,ctx:e}),t.$set(s)},i(e){r||(v(t.$$.fragment,e),r=!0)},o(e){x(t.$$.fragment,e),r=!1},d(e){E(t,e)}}}function j(e){let r,t,o,w,S,C,O,D,q,H,A,L,j,N,V,J,M,U,P,B;const R=new y({props:{color:"primary",class:"mb-3",$$slots:{default:[I]},$$scope:{ctx:e}}});R.$on("click",e[7]);const F=new b({props:{isOpen:e[0],$$slots:{default:[k]},$$scope:{ctx:e}}});return{c(){r=n("div"),t=n("h2"),o=a("Коллапсер"),w=s(),S=n("p"),C=a("Переключайте видимость контента в вашем проекте\r\n    с помощью нескольких классов и наших плагинов JavaScript."),O=s(),D=n("h3"),q=a("Как это работает"),H=s(),A=n("p"),L=a('Плагин JavaScript используется для отображения и скрытия\r\n            содержимого.\r\n            Кнопки или якоря используются в качестве триггеров,\r\n            которые привязываются к определенным элементам,\r\n            которые вы переключите. Свертывание элемента анимирует высоту от текущего значения до 0. Учитывая, как CSS обрабатывает анимацию, вы не можете использовать подкладку на .свертывающемся элементе. Вместо этого используйте класс в качестве независимого оберточного элемента.\r\n            Эффект анимации этого элемента зависит от медиа-запроса\r\n            "Предпочтение - уменьшение движения".'),j=s(),N=n("div"),V=n("h3"),J=n("small"),M=a("Пример"),U=s(),c(R.$$.fragment),P=s(),c(F.$$.fragment),this.h()},l(e){r=l(e,"DIV",{class:!0});var s=m(r);t=l(s,"H2",{class:!0});var n=m(t);o=f(n,"Коллапсер"),n.forEach(i),w=$(s),S=l(s,"P",{class:!0});var a=m(S);C=f(a,"Переключайте видимость контента в вашем проекте\r\n    с помощью нескольких классов и наших плагинов JavaScript."),a.forEach(i),O=$(s),D=l(s,"H3",{class:!0});var c=m(D);q=f(c,"Как это работает"),c.forEach(i),H=$(s),A=l(s,"P",{});var d=m(A);L=f(d,'Плагин JavaScript используется для отображения и скрытия\r\n            содержимого.\r\n            Кнопки или якоря используются в качестве триггеров,\r\n            которые привязываются к определенным элементам,\r\n            которые вы переключите. Свертывание элемента анимирует высоту от текущего значения до 0. Учитывая, как CSS обрабатывает анимацию, вы не можете использовать подкладку на .свертывающемся элементе. Вместо этого используйте класс в качестве независимого оберточного элемента.\r\n            Эффект анимации этого элемента зависит от медиа-запроса\r\n            "Предпочтение - уменьшение движения".'),d.forEach(i),s.forEach(i),j=$(e),N=l(e,"DIV",{class:!0});var u=m(N);V=l(u,"H3",{class:!0});var h=m(V);J=l(h,"SMALL",{});var g=m(J);M=f(g,"Пример"),g.forEach(i),h.forEach(i),U=$(u),p(R.$$.fragment,u),P=$(u),p(F.$$.fragment,u),u.forEach(i),this.h()},h(){d(t,"class","mt-4"),d(S,"class","lead"),d(D,"class","mt-4"),d(r,"class","col-xl-6"),d(V,"class","mt-4"),d(N,"class","col-xl-6")},m(e,s){u(e,r,s),h(r,t),h(t,o),h(r,w),h(r,S),h(S,C),h(r,O),h(r,D),h(D,q),h(r,H),h(r,A),h(A,L),u(e,j,s),u(e,N,s),h(N,V),h(V,J),h(J,M),h(N,U),g(R,N,null),h(N,P),g(F,N,null),B=!0},p(e,r){const t={};512&r&&(t.$$scope={dirty:r,ctx:e}),R.$set(t);const s={};1&r&&(s.isOpen=e[0]),512&r&&(s.$$scope={dirty:r,ctx:e}),F.$set(s)},i(e){B||(v(R.$$.fragment,e),v(F.$$.fragment,e),B=!0)},o(e){x(R.$$.fragment,e),x(F.$$.fragment,e),B=!1},d(e){e&&i(r),e&&i(j),e&&i(N),E(R),E(F)}}}function N(e){let r;return{c(){r=a("Переключатель")},l(e){r=f(e,"Переключатель")},m(e,t){u(e,r,t)},d(e){e&&i(r)}}}function V(e){let r;return{c(){r=a("Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry\r\n                richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes\r\n                anderson cred nesciunt sapiente ea proident.")},l(e){r=f(e,"Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry\r\n                richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes\r\n                anderson cred nesciunt sapiente ea proident.")},m(e,t){u(e,r,t)},d(e){e&&i(r)}}}function J(e){let r;const t=new O({props:{body:!0,$$slots:{default:[V]},$$scope:{ctx:e}}});return{c(){c(t.$$.fragment)},l(e){p(t.$$.fragment,e)},m(e,s){g(t,e,s),r=!0},p(e,r){const s={};512&r&&(s.$$scope={dirty:r,ctx:e}),t.$set(s)},i(e){r||(v(t.$$.fragment,e),r=!0)},o(e){x(t.$$.fragment,e),r=!1},d(e){E(t,e)}}}function M(e){let r,t,o,S,C,O,D,q,H,A,I,L,k,j,V,M,U,P,B,R,F;const G=new y({props:{color:"primary",class:"mb-3",$$slots:{default:[N]},$$scope:{ctx:e}}});G.$on("click",e[8]);const z=new b({props:{isOpen:e[0],onEntering:e[2],onEntered:e[3],onExiting:e[4],onExited:e[5],$$slots:{default:[J]},$$scope:{ctx:e}}});return{c(){r=n("div"),t=n("h2"),o=a("События"),S=s(),C=n("p"),O=a("Используйте props "),D=n("code"),q=a("on:onEntering, onEntering, onExiting и onExited"),H=a("\r\n            для обратных вызовов после того,\r\n            как Collapse завершит открытие (entering) или закрытие (exiting)."),A=s(),I=n("div"),L=n("h3"),k=n("small"),j=a("Пример"),V=s(),c(G.$$.fragment),M=s(),U=n("h5"),P=a("Текущее состояние: "),B=a(e[1]),R=s(),c(z.$$.fragment),this.h()},l(s){r=l(s,"DIV",{class:!0});var n=m(r);t=l(n,"H2",{class:!0});var a=m(t);o=f(a,"События"),a.forEach(i),S=$(n),C=l(n,"P",{});var c=m(C);O=f(c,"Используйте props "),D=l(c,"CODE",{});var d=m(D);q=f(d,"on:onEntering, onEntering, onExiting и onExited"),d.forEach(i),H=f(c,"\r\n            для обратных вызовов после того,\r\n            как Collapse завершит открытие (entering) или закрытие (exiting)."),c.forEach(i),n.forEach(i),A=$(s),I=l(s,"DIV",{class:!0});var u=m(I);L=l(u,"H3",{class:!0});var h=m(L);k=l(h,"SMALL",{});var g=m(k);j=f(g,"Пример"),g.forEach(i),h.forEach(i),V=$(u),p(G.$$.fragment,u),M=$(u),U=l(u,"H5",{});var v=m(U);P=f(v,"Текущее состояние: "),B=f(v,e[1]),v.forEach(i),R=$(u),p(z.$$.fragment,u),u.forEach(i),this.h()},h(){d(t,"class","mt-4"),d(r,"class","col-xl-6"),d(L,"class","mt-4"),d(I,"class","col-xl-6")},m(e,s){u(e,r,s),h(r,t),h(t,o),h(r,S),h(r,C),h(C,O),h(C,D),h(D,q),h(C,H),u(e,A,s),u(e,I,s),h(I,L),h(L,k),h(k,j),h(I,V),g(G,I,null),h(I,M),h(I,U),h(U,P),h(U,B),h(I,R),g(z,I,null),F=!0},p(e,r){const t={};512&r&&(t.$$scope={dirty:r,ctx:e}),G.$set(t),(!F||2&r)&&w(B,e[1]);const s={};1&r&&(s.isOpen=e[0]),512&r&&(s.$$scope={dirty:r,ctx:e}),z.$set(s)},i(e){F||(v(G.$$.fragment,e),v(z.$$.fragment,e),F=!0)},o(e){x(G.$$.fragment,e),x(z.$$.fragment,e),F=!1},d(e){e&&i(r),e&&i(A),e&&i(I),E(G),E(z)}}}function U(e){let r;return{c(){r=a("Переключатель")},l(e){r=f(e,"Переключатель")},m(e,t){u(e,r,t)},d(e){e&&i(r)}}}function P(e){let r;return{c(){r=a("Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt magni,\r\n                voluptas debitis similique porro a molestias consequuntur earum odio\r\n                officiis natus, amet hic, iste sed dignissimos esse fuga! Minus, alias.")},l(e){r=f(e,"Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt magni,\r\n                voluptas debitis similique porro a molestias consequuntur earum odio\r\n                officiis natus, amet hic, iste sed dignissimos esse fuga! Minus, alias.")},m(e,t){u(e,r,t)},d(e){e&&i(r)}}}function B(e){let r;const t=new O({props:{body:!0,$$slots:{default:[P]},$$scope:{ctx:e}}});return{c(){c(t.$$.fragment)},l(e){p(t.$$.fragment,e)},m(e,s){g(t,e,s),r=!0},p(e,r){const s={};512&r&&(s.$$scope={dirty:r,ctx:e}),t.$set(s)},i(e){r||(v(t.$$.fragment,e),r=!0)},o(e){x(t.$$.fragment,e),r=!1},d(e){E(t,e)}}}function R(e){let r,t,o,b,w,S,C,O,D,H,A,I,L,k,j,N,V,J,M,P,R,F,G;const z=new y({props:{color:"primary",id:"toggler",class:"mb-3",$$slots:{default:[U]},$$scope:{ctx:e}}}),K=new q({props:{toggler:"#toggler",$$slots:{default:[B]},$$scope:{ctx:e}}});return{c(){r=n("div"),t=n("h2"),o=a("Неконтролируемый коллапсер без isOpen"),b=s(),w=n("p"),S=a("Для самых простых случаев использования неконтролируемый\r\n            компонент может обеспечить требуемую функциональность без\r\n            необходимости управлять/управлять состоянием компонента.\r\n            "),C=n("code"),O=a("UncontrolledCollapse"),D=a(" не требует  "),H=n("code"),A=a("isOpen"),I=a(" prop.\r\n            Вместо этого передайте переключающий props.\r\n            Переключатель - это строка, которая запустит  "),L=n("code"),k=a("querySelectorAll"),j=a("\r\n            для поиска dom-элементов, которые инициируют переключение."),N=s(),V=n("div"),J=n("h3"),M=n("small"),P=a("Пример"),R=s(),c(z.$$.fragment),F=s(),c(K.$$.fragment),this.h()},l(e){r=l(e,"DIV",{class:!0});var s=m(r);t=l(s,"H2",{class:!0});var n=m(t);o=f(n,"Неконтролируемый коллапсер без isOpen"),n.forEach(i),b=$(s),w=l(s,"P",{});var a=m(w);S=f(a,"Для самых простых случаев использования неконтролируемый\r\n            компонент может обеспечить требуемую функциональность без\r\n            необходимости управлять/управлять состоянием компонента.\r\n            "),C=l(a,"CODE",{});var c=m(C);O=f(c,"UncontrolledCollapse"),c.forEach(i),D=f(a," не требует  "),H=l(a,"CODE",{});var d=m(H);A=f(d,"isOpen"),d.forEach(i),I=f(a," prop.\r\n            Вместо этого передайте переключающий props.\r\n            Переключатель - это строка, которая запустит  "),L=l(a,"CODE",{});var u=m(L);k=f(u,"querySelectorAll"),u.forEach(i),j=f(a,"\r\n            для поиска dom-элементов, которые инициируют переключение."),a.forEach(i),s.forEach(i),N=$(e),V=l(e,"DIV",{class:!0});var h=m(V);J=l(h,"H3",{class:!0});var g=m(J);M=l(g,"SMALL",{});var v=m(M);P=f(v,"Пример"),v.forEach(i),g.forEach(i),R=$(h),p(z.$$.fragment,h),F=$(h),p(K.$$.fragment,h),h.forEach(i),this.h()},h(){d(t,"class","mt-4"),d(r,"class","col-xl-6"),d(J,"class","mt-4"),d(V,"class","col-xl-6")},m(e,s){u(e,r,s),h(r,t),h(t,o),h(r,b),h(r,w),h(w,S),h(w,C),h(C,O),h(w,D),h(w,H),h(H,A),h(w,I),h(w,L),h(L,k),h(w,j),u(e,N,s),u(e,V,s),h(V,J),h(J,M),h(M,P),h(V,R),g(z,V,null),h(V,F),g(K,V,null),G=!0},p(e,r){const t={};512&r&&(t.$$scope={dirty:r,ctx:e}),z.$set(t);const s={};512&r&&(s.$$scope={dirty:r,ctx:e}),K.$set(s)},i(e){G||(v(z.$$.fragment,e),v(K.$$.fragment,e),G=!0)},o(e){x(z.$$.fragment,e),x(K.$$.fragment,e),G=!1},d(e){e&&i(r),e&&i(N),e&&i(V),E(z),E(K)}}}function F(e){let r,t,y,b,w,C,O,q,H;document.title=r=G;const I=new S({props:{class:"mb-4",$$slots:{default:[A]},$$scope:{ctx:e}}}),L=new D({props:{$$slots:{default:[j]},$$scope:{ctx:e}}}),k=new D({props:{$$slots:{default:[M]},$$scope:{ctx:e}}}),N=new D({props:{$$slots:{default:[R]},$$scope:{ctx:e}}});return{c(){t=s(),y=n("h1"),b=a("Коллапсер"),w=s(),c(I.$$.fragment),C=s(),c(L.$$.fragment),O=s(),c(k.$$.fragment),q=s(),c(N.$$.fragment),this.h()},l(e){o('[data-svelte="svelte-46oba3"]',document.head).forEach(i),t=$(e),y=l(e,"H1",{class:!0});var r=m(y);b=f(r,"Коллапсер"),r.forEach(i),w=$(e),p(I.$$.fragment,e),C=$(e),p(L.$$.fragment,e),O=$(e),p(k.$$.fragment,e),q=$(e),p(N.$$.fragment,e),this.h()},h(){d(y,"class","mt-4")},m(e,r){u(e,t,r),u(e,y,r),h(y,b),u(e,w,r),g(I,e,r),u(e,C,r),g(L,e,r),u(e,O,r),g(k,e,r),u(e,q,r),g(N,e,r),H=!0},p(e,[t]){(!H||0&t)&&r!==(r=G)&&(document.title=r);const s={};512&t&&(s.$$scope={dirty:t,ctx:e}),I.$set(s);const n={};513&t&&(n.$$scope={dirty:t,ctx:e}),L.$set(n);const a={};515&t&&(a.$$scope={dirty:t,ctx:e}),k.$set(a);const c={};512&t&&(c.$$scope={dirty:t,ctx:e}),N.$set(c)},i(e){H||(v(I.$$.fragment,e),v(L.$$.fragment,e),v(k.$$.fragment,e),v(N.$$.fragment,e),H=!0)},o(e){x(I.$$.fragment,e),x(L.$$.fragment,e),x(k.$$.fragment,e),x(N.$$.fragment,e),H=!1},d(e){e&&i(t),e&&i(y),e&&i(w),E(I,e),e&&i(C),E(L,e),e&&i(O),E(k,e),e&&i(q),E(N,e)}}}let G="Коллапсер | UI | Пользовательский Интерфейс";function z(e,r,t){let s=!1,n="Закрыто";return[s,n,()=>t(1,n="Открывается..."),()=>t(1,n="Открыто"),()=>t(1,n="Закрывается..."),()=>t(1,n="Закрыто"),["primary","secondary","success","danger","warning","info","light","dark"],()=>t(0,s=!s),()=>t(0,s=!s)]}export default class extends e{constructor(e){super(),r(this,e,z,F,t,{})}}
  