import{c as s,d as t,b as o,D as e,o as n,e as r,f as a,E as c,p as $,g as i,h as l,i as m,j as f,k as p,F as h,l as g,m as u,A as d,y as j,G as w,a as k}from"./chunk.82446879.js";import{i as v}from"./chunk.f5a3f321.js";import"./chunk.e8a2e241.js";import{a as b}from"./chunk.4b4ee497.js";import"./chunk.b01e898f.js";import{a as x}from"./chunk.fb378401.js";import{a as P}from"./chunk.94a6e723.js";function C(s){let t,o;const n=new v({props:{color:I,switchs:!1}});return n.$on("change",V),{c(){t=r("div"),e(n.$$.fragment),this.h()},l(s){t=i(s,"DIV",{slot:!0});var o=l(t);c(n.$$.fragment,o),o.forEach(f),this.h()},h(){p(t,"slot","preview")},m(s,e){g(s,t,e),h(n,t,null),o=!0},p:k,i(s){o||(d(n.$$.fragment,s),o=!0)},o(s){j(n.$$.fragment,s),o=!1},d(s){s&&f(t),w(n)}}}function E(s){let t,o;const n=new v({props:{color:I,mode:"2"}});return{c(){t=r("div"),e(n.$$.fragment),this.h()},l(s){t=i(s,"DIV",{slot:!0});var o=l(t);c(n.$$.fragment,o),o.forEach(f),this.h()},h(){p(t,"slot","preview")},m(s,e){g(s,t,e),h(n,t,null),o=!0},p:k,i(s){o||(d(n.$$.fragment,s),o=!0)},o(s){j(n.$$.fragment,s),o=!1},d(s){s&&f(t),w(n)}}}function y(s){let t,o,k,v,y,D,I,V,A;const F=new b({props:{title:"ColorPicker",subtitle:"拾色器"}}),G=new x({props:{code:"<script>\n    import { ColorPicker } from 'svelma-pro'\n    let color = \"rgba(70,197,85,1)\";\n\n\n    function change(e){\n    console.log(e.detail)\n    }\n    <\/script>\n\n    <ColorPicker {color} on:change={change} switchs={false}/>\n    ",$$slots:{preview:[C]},$$scope:{ctx:s}}}),H=new x({props:{code:'<script>\n  import { ColorPicker } from \'svelma-pro\'\n   let color = "rgba(70,197,85,1)";\n<\/script>\n\n<ColorPicker {color} on:change={change}  mode="2"/>\n',$$slots:{preview:[E]},$$scope:{ctx:s}}}),R=new P({props:{jsdoc:s[0],showEvent:"true"}});return{c(){e(F.$$.fragment),t=n(),e(G.$$.fragment),o=n(),k=r("hr"),v=n(),y=r("p"),D=a("面板模式"),I=n(),e(H.$$.fragment),V=n(),e(R.$$.fragment),this.h()},l(s){c(F.$$.fragment,s),t=$(s),c(G.$$.fragment,s),o=$(s),k=i(s,"HR",{class:!0}),v=$(s),y=i(s,"P",{class:!0});var e=l(y);D=m(e,"面板模式"),e.forEach(f),I=$(s),c(H.$$.fragment,s),V=$(s),c(R.$$.fragment,s),this.h()},h(){p(k,"class","is-medium"),p(y,"class","title is-4")},m(s,e){h(F,s,e),g(s,t,e),h(G,s,e),g(s,o,e),g(s,k,e),g(s,v,e),g(s,y,e),u(y,D),g(s,I,e),h(H,s,e),g(s,V,e),h(R,s,e),A=!0},p(s,[t]){const o={};2&t&&(o.$$scope={dirty:t,ctx:s}),G.$set(o);const e={};2&t&&(e.$$scope={dirty:t,ctx:s}),H.$set(e);const n={};1&t&&(n.jsdoc=s[0]),R.$set(n)},i(s){A||(d(F.$$.fragment,s),d(G.$$.fragment,s),d(H.$$.fragment,s),d(R.$$.fragment,s),A=!0)},o(s){j(F.$$.fragment,s),j(G.$$.fragment,s),j(H.$$.fragment,s),j(R.$$.fragment,s),A=!1},d(s){w(F,s),s&&f(t),w(G,s),s&&f(o),s&&f(k),s&&f(v),s&&f(y),s&&f(I),w(H,s),s&&f(V),w(R,s)}}}async function D(){const s=await this.fetch("components/colorPicker.json");return{jsdoc:await s.json()}}let I="rgba(70,197,85,1)";function V(s){console.log(s.detail)}function A(s,t,o){let{jsdoc:e}=t;return s.$set=(s=>{"jsdoc"in s&&o(0,e=s.jsdoc)}),[e]}export default class extends s{constructor(s){super(),t(this,s,A,y,o,{jsdoc:0})}}export{D as preload};
//# sourceMappingURL=colorpicker.ef7e0ca4.js.map