https://static-prod.mightycause.com/mc-client/chunk-24YRUDC4.js

1
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="493f2573-9bde-51b9-9d3c-baf894c43cc0")}catch(e){}}();
3import{a as k}from"./chunk-WDTHVOE4.js";import{a as z}from"./chunk-ELH4EYGP.js";import{a as P}from"./chunk-D5XLI7TB.js";import"./chunk-M2DG2AUJ.js";import"./chunk-2M3QETKK.js";import"./chunk-INEWE6SG.js";import"./chunk-QZ4A2SAJ.js";import"./chunk-LXTB3AD5.js";import"./chunk-2JF74RQL.js";import"./chunk-HCYYXQGN.js";import"./chunk-RZXXF6WL.js";import{a as D}from"./chunk-W7NCBQUV.js";import"./chunk-XZFXRJRY.js";import{b as T}from"./chunk-XBHOMARE.js";import"./chunk-DSHWJW7U.js";import"./chunk-FLZNG7WM.js";import"./chunk-Y53ZYOIU.js";import"./chunk-AGVOJNE2.js";import{a as C,b as M,c as _}from"./chunk-HJXQJEZE.js";import"./chunk-TML3YDBO.js";import"./chunk-YSTTJCSR.js";import"./chunk-CN4EGA4I.js";import"./chunk-LWLX7MZR.js";import"./chunk-5NDSS4DO.js";import"./chunk-TTUVP5SZ.js";import"./chunk-5CMUHLSG.js";import"./chunk-TNAGEFXD.js";import"./chunk-YH4N3M4B.js";import"./chunk-BHOSW24E.js";import"./chunk-ZFWNFD6F.js";import"./chunk-IKWIL4NU.js";import"./chunk-5K5PYV5V.js";import"./chunk-TDGVUJZJ.js";import"./chunk-MWF7JXGK.js";import"./chunk-UJXOZNZV.js";import"./chunk-KS3Q7H57.js";import"./chunk-DAOAKQM2.js";import"./chunk-MGCQ5S6F.js";import"./chunk-MJXNRHWH.js";import"./chunk-BUOPWRDV.js";import{e as A}from"./chunk-UQU3EU23.js";import"./chunk-346ISJSG.js";import{d as R}from"./chunk-CNRKNNWP.js";import"./chunk-L6Z7ZO7O.js";import"./chunk-TLCCWCNW.js";import{a as y}from"./chunk-5SJALNJN.js";import"./chunk-XEY266ER.js";import"./chunk-SEDEP525.js";import"./chunk-SECBI6OV.js";import"./chunk-LXBG4CPT.js";import"./chunk-56KVT3OQ.js";import{H as x,g as E,n as w}from"./chunk-MF7VZYLI.js";import{b,e as f}from"./chunk-NFMDOWTR.js";import"./chunk-QE6DXY66.js";import"./chunk-B5YZVWIB.js";import"./chunk-HCSN2NMS.js";import"./chunk-FDIRDMLL.js";import"./chunk-XQLUXGKM.js";import"./chunk-3JHJJCIF.js";import"./chunk-J4X36CU5.js";import"./chunk-X3ZU2Z3D.js";import"./chunk-QZXCI4ZV.js";import"./chunk-VO633UWN.js";import"./chunk-DL5K4IMO.js";import"./chunk-2PXCY4PH.js";import"./chunk-UERXTOL6.js";import"./chunk-NK2KZLT6.js";import"./chunk-MU5APV2L.js";import"./chunk-RT6Q43NP.js";import"./chunk-AHJZJV4E.js";import"./chunk-EQS4J37G.js";import"./chunk-U3L5FZOY.js";import"./chunk-TYTNPDEC.js";import"./chunk-WAPZ5LEW.js";import"./chunk-746D4QTP.js";import{Ac as u,Fa as S,Ib as v,Sc as i,Yc as m,Zc as r,_c as g,ic as s,jc as e,kc as t,lc as n,qb as l}from"./chunk-BZJI6Z2X.js";import"./chunk-CS7K6LXP.js";var X=(()=>{class c{demoEnabled=!1;demoSuggestionMode="basic";demoSelectedShadedFlat="selected";demoSaveStatus=S("idle");staticSavingDemoStatus=S("dirty");demoSavedEnabled=!1;constructor(){setTimeout(()=>{this.staticSavingDemoStatus.set("saving")},1)}onDemoEnabledChange(h){this.demoSaveStatus()==="saving"||this.demoSaveStatus()==="saved"||this.demoSaveStatus.set(h===this.demoSavedEnabled?"idle":"dirty")}onDemoSave(){this.demoSaveStatus()!=="dirty"&&this.demoSaveStatus()!=="error"||(this.demoSaveStatus.set("saving"),setTimeout(()=>{this.demoSaveStatus()==="saving"&&(this.demoSavedEnabled=this.demoEnabled,this.demoSaveStatus.set("saved"))},800))}onDemoDiscard(){this.demoEnabled=this.demoSavedEnabled,this.demoSaveStatus.set("idle")}static \u0275fac=function(p){return new(p||c)};static \u0275cmp=v({type:c,selectors:[["app-setting"]],decls:347,vars:10,consts:[[1,"container","py-5"],[1,"row"],[1,"col-12"],[1,"text-secondary"],[1,"row","mb-5"],[1,"col-12","mb-4"],["size","lg","label","Donation receipts","description","Automatically send donation receipts to donors after each transaction.","showRightAction",""],["msRightAction","","aria-label","Toggle donation receipts"],["label","Email digest","description","Send a weekly summary of campaign activity.","showRightAction",""],["msRightAction","","aria-label","Toggle email digest"],["size","sm","label","Show donor comments","description","Display donor comments publicly on your page.","showRightAction",""],["msRightAction","","aria-label","Toggle donor comments"],[1,"py-5","bg-light"],[1,"container"],["bg","white-raised","label","White raised setting","description","Card-style with shadow elevation.","showRightAction",""],["msRightAction","","aria-label","Toggle white raised"],["bg","shaded-flat","label","Shaded flat setting","description","Subtle shaded background, no shadow.","showRightAction",""],["msRightAction","","aria-label","Toggle shaded flat"],["bg","none","label","No background setting","description","Transparent container, content sits on the page background.","showRightAction",""],["msRightAction","","aria-label","Toggle no background"],[1,"text-secondary","mb-3"],["bg","white-raised","size","sm","label","White raised, selected","description","2px indigo border and 0 1px 2px shadow.","showRightAction","",1,"mb-2",3,"selected"],["msRightAction","","aria-label","Toggle white raised selected demo"],["aria-label","Selected shaded flat demo",3,"ngModelChange","ngModel"],["bg","shaded-flat","size","sm","label","Shaded flat, selected","description","2px indigo border only; shaded fill unchanged.","showLeftAction","",3,"selected"],["msLeftAction",""],["value","selected","aria-label","Selected option demo"],[1,"row","mb-4"],["description","Toggle the switch to mark the setting dirty, then use Save or Discard.","label","Email digest","showRightAction","",3,"saveStatusChange","discard","save","saveStatus"],["msRightAction","","aria-label","Toggle email digest",3,"ngModelChange","ngModel"],["description","Yellow shell with unsaved changes.","label","Dirty state","saveStatus","dirty","showRightAction",""],["msRightAction","","aria-label","Toggle dirty state"],["description","Same yellow shell while the request is in flight.","label","Saving state","showRightAction","",3,"saveStatus"],["msRightAction","","aria-label","Toggle saving state"],["description","Green shell with a success pill and no action buttons.","label","Saved state","saveStatus","saved","showRightAction",""],["msRightAction","","aria-label","Toggle saved state"],["description","Peach shell with a danger pill and retry actions.","label","Error state","saveStatus","error","showRightAction",""],["msRightAction","","aria-label","Toggle error state"],["aria-label","Donation suggestion mode demo",3,"ngModelChange","ngModel"],["bg","white-raised","size","sm","label","Basic","description","Use preset amounts for one-time gifts.","showLeftAction","",3,"selected"],["value","basic","aria-label","Basic"],["bg","white-raised","size","sm","label","Custom","description","Tailor suggestions to your donor base.","showLeftAction","",1,"mt-2",3,"selected"],["value","custom","aria-label","Custom"],["label","Email notifications","description","Get notified when someone donates to your campaign.","showRightAction",""],["msRightAction","","aria-label","Toggle email notifications"],["bg","shaded-flat","size","sm","label","Verification status","de

3scription","Track payout verification progress.","showRightAction",""],["msRightAction","",1,"status-box","sm","mb-0"],[1,"text"],["bg","shaded-flat","size","sm","label","Featured campaign","description","Highlight this campaign on discovery pages.","showStartPanel","","showRightAction",""],["msStartPanel","",1,"status-box","sm","caution","mb-0"],[1,"icon"],[1,"fa-solid","fa-star"],["msRightAction","","aria-label","Toggle featured campaign"],["size","lg","showEndPanel","","label","Thank-you message","description","Customize the message donors see after giving.","showRightAction",""],["msRightAction","","aria-label","Toggle thank-you message"],["msEndPanel","","label","Example","footerText","Real appearance may vary"],[1,"mb-0","text-secondary"],["size","lg","showAccordion","","showEndPanel","","showStartPanel","","showRightAction","","label","Dedication messages","description","Allow donors to dedicate their gift in the name of someone or something."],["msStartPanel","",1,"status-box","sm","neutral","mb-0"],[1,"icon","success"],[1,"fa-solid","fa-circle-check"],["msRightAction","","aria-label","Toggle dedication messages"],["msContent",""],["label","Campaign visibility","description","Control who can discover this campaign.","showSuffix","","showRightAction",""],["msSuffix","",1,"status-box","sm","caution","mb-0"],[1,"fa-solid","fa-clock"],["msRightAction","","aria-label","Toggle campaign visibility"],["label","Notification preferences","description","Choose how you'd like to receive updates.","showContent","","showRightAction",""],["msRightAction","","aria-label","Toggle notifications"],["size","lg","showAccordion","","label","Advanced settings","description","Configure advanced options for your campaign.","showRightAction",""],["msRightAction","","aria-label","Toggle advanced settings"],[1,"text-secondary","mb-0"],["showAccordion","","label","Matching gifts","description","Enable corporate matching gift programs.","showRightAction","",3,"expanded"],["msRightAction","","aria-label","Toggle matching gifts"],["size","sm","showAccordion","","label","Beta features","description","Opt in to experimental features.","showRightAction",""],["msRightAction","","aria-label","Toggle beta features"],["size","lg","showAccordion","","label","Integrations","description","Connect your fundraising page to third-party services.","showRightAction",""],["msRightAction","","aria-label","Toggle integrations"],["bg","shaded-flat","showAccordion","","label","Salesforce sync","description","Sync donor data with Salesforce CRM.","showRightAction",""],["msRightAction","","aria-label","Toggle Salesforce"],["size","sm","bg","white-raised","label","Slack notifications","description","Post donation alerts to a Slack channel.","showRightAction",""],["msRightAction","","aria-label","Toggle Slack"],["bg","shaded-flat","size","sm","label","Direct electronic payouts","description","Funds are automatically deposited in your bank account twice a month.","showLeftAction","","showSuffix","","showRightAction","","showContent",""],["msLeftAction","","aria-label","Select direct electronic payouts"],["msSuffix","",1,"status-box","sm","caution"],["msRightAction","",1,"status-box","sm"],["msContent","","href","#","mat-button","",1,"custom","sm","rectangle","secondary"],[1,"right-icon"],["aria-hidden","true",1,"fa-solid","fa-arrow-up-right-from-square"],["size","lg","disabled","","label","Designated funds","description","Allow donors to designate their gift to a particular fund, program, or category.","showAccordion","","showEndPanel","","showRightAction","","showContent",""],["msRightAction","",1,"status-box","caution","sm","mb-0"],[1,"fa-solid","fa-do-not-enter"],["msEndPanel","","label","Preview","footerText","Real appearance may vary"]],template:function(p,a){p&1&&(e(0,"section")(1,"div",0)(2,"div",1)(3,"div",2)(4,"h2"),i(5,"Sizes"),t(),e(6,"p",3),i(7,"Large, medium (default), and small padding and typography tokens."),t()()(),e(8,"div",4)(9,"div",5)(10,"app-ms-setting",6),n(11,"app-ms-toggle",7),t()(),e(12,"div",5)(13,"app-ms-setting",8),n(14,"app-ms-toggle",9),t()(),e(15,"div",5)(16,"app-ms-setting",10),n(17,"app-ms-toggle",11),t()()()()(),e(18,"section",12)(19,"div",13)(20,"div",1)(21,"div",2)(22,"h2"),i(23,"Backgroun

3ds"),t()()(),e(24,"div",4)(25,"div",5)(26,"h5",3),i(27,"White raised (default)"),t(),e(28,"app-ms-setting",14),n(29,"app-ms-toggle",15),t()(),e(30,"div",5)(31,"h5",3),i(32,"Shaded flat"),t(),e(33,"app-ms-setting",16),n(34,"app-ms-toggle",17),t()(),e(35,"div",5)(36,"h5",3),i(37,"None"),t(),e(38,"app-ms-setting",18),n(39,"app-ms-toggle",19),t()(),e(40,"div",5)(41,"h5",3),i(42,"Selected"),t(),e(43,"p",20),i(44," Pass "),e(45,"code"),i(46,'[selected]="true"'),t(),i(47," for the active option in a choice list (usually bound to the same value as "),e(48,"code"),i(49,"mat-radio-group"),t(),i(50,"). Moonstone indigo border; raised surfaces use the lighter selected elevation. "),t(),e(51,"app-ms-setting",21),n(52,"app-ms-toggle",22),t(),e(53,"mat-radio-group",23),g("ngModelChange",function(o){return r(a.demoSelectedShadedFlat,o)||(a.demoSelectedShadedFlat=o),o}),e(54,"app-ms-setting",24)(55,"div",25),n(56,"mat-radio-button",26),t()()()()()()(),e(57,"section")(58,"div",0)(59,"div",1)(60,"div",2)(61,"h2"),i(62,"Save action"),t(),e(63,"p",3),i(64,"Shell glow and status pill follow the parent-owned "),e(65,"code"),i(66,"saveStatus"),t(),i(67," input."),t()()(),e(68,"div",27)(69,"div",5)(70,"h5",3),i(71,"Interactive demo"),t(),e(72,"app-ms-setting",28),g("saveStatusChange",function(o){return r(a.demoSaveStatus,o)||(a.demoSaveStatus=o),o}),u("discard",function(){return a.onDemoDiscard()})("save",function(){return a.onDemoSave()}),e(73,"app-ms-toggle",29),g("ngModelChange",function(o){return r(a.demoEnabled,o)||(a.demoEnabled=o),o}),u("ngModelChange",function(o){return a.onDemoEnabledChange(o)}),t()()()(),e(74,"div",1)(75,"div",5)(76,"h5",3),i(77,"Dirty"),t(),e(78,"app-ms-setting",30),n(79,"a

3pp-ms-toggle",31),t()(),e(80,"div",5)(81,"h5",3),i(82,"Saving"),t(),e(83,"app-ms-setting",32),n(84,"app-ms-toggle",33),t()(),e(85,"div",5)(86,"h5",3),i(87,"Saved"),t(),e(88,"app-ms-setting",34),n(89,"app-ms-toggle",35),t()(),e(90,"div",5)(91,"h5",3),i(92,"Error"),t(),e(93,"app-ms-setting",36),n(94,"app-ms-toggle",37),t()()()()(),e(95,"section",12)(96,"div",13)(97,"div",1)(98,"div",2)(99,"h2"),i(100,"Left action"),t(),e(101,"p",3)(102,"code"),i(103,"msLeftAction"),t(),i(104," is the control column in the main row \u2014 radios, or the accordion chevron when "),e(105,"code"),i(106,"showAccordion"),t(),i(107," is enabled. "),t()()(),e(108,"div",27)(109,"div",2)(110,"h5",3),i(111,"Radio group (donation form editor)"),t(),e(112,"p",3),i(113," One "),e(114,"code"),i(115,"app-ms-setting"),t(),i(116," per option inside a "),e(117,"code"),i(118,"mat-radio-group"),t(),i(119,". Bind "),e(120,"code"),i(121,"[selected]"),t(),i(122," to the group value for the Figma selected border. "),t(),e(123,"mat-radio-group",38),g("ngModelChange",function(o){return r(a.demoSuggestionMode,o)||(a.demoSuggestionMode=o),o}),e(124,"app-ms-setting",39)(125,"div",25),n(126,"mat-radio-button",40),t()(),e(127,"app-ms-setting",41)(128,"div",25),n(129,"mat-radio-button",42),t()()()()()()(),e(130,"section")(131,"div",0)(132,"div",1)(133,"div",2)(134,"h2"),i(135,"Right action"),t(),e(136,"p",3)(137,"code"),i(138,"msRightAction"),t(),i(139," is the trailing column in the main row \u2014 usually a toggle or status text."),t()()(),e(140,"div",27)(141,"div",5)(142,"h5",3),i(143,"Toggle"),t(),e(144,"app-ms-setting",43),n(145,"app-ms-toggle",44),t()(),e(146,"div",2)(147,"h5",3),i(148,"Custom content"),t(),e(149,"app-ms-setting",45)(150,"div",46)(151,"span",47),i(152,"Submitted April 4, 2027"),t()()()()()()(),e(153,"section",12)(154,"div",13)(155,"div",1)(156,"div",2)(157,"h2"),i(158,"Start panel"),t(),e(159,"p",3)(160,"code"),i(161,"msStartPanel"),t(),i(162," is the leading rail outside the main row \u2014 badges, status, or metadata (not primary controls). "),t()()(),e(163,"div",27)(164,"div",2)(165,"app-ms-setting",48)(166,"div",49)(167,"span",50),n(168,"i",51),t(),e(169,"span",47),i(170,"Featured"),t()(),n(171,"app-ms-toggle",52),t()()()()(),e(172,"section")(173,"div",0)(174,"div",1)(175,"div",2)(176,"h2"),i(177,"End panel"),t(),e(178,"p",3)(179,"code"),i(180,"msEndPanel"),t(),i(181," sits on the trailing edge on wide viewports \u2014 typically "),e(182,"code"),i(183,"app-ms-preview"),t(),i(184," for donor-facing examples. "),t()()(),e(185,"div",27)(186,"div",2)(187,"app-ms-setting",53),n(188,"app-ms-toggle",54),e(189,"app-ms-preview",55)(190,"p",56),i(191,"Preview content for the end panel slot."),t()()()()()()(),e(192,"section",12)(193,"div",13)(194,"div",1)(195,"div",2)(196,"h2"),i(197,"All slots"),t(),e(198,"p",3),i(199," Start panel, left accordion, label row, right toggle, end preview, and full-width nested content together \u2014 typical donation form editor row. "),t()()(),e(200,"div",27)(201,"div",2)(202,"app-ms-setting",57)(203,"div",58)(204,"span",59),n(205,"i",60),t(),e(206,"span",47),i(207,"Recommended"),t()(),n(208,"app-ms-toggle",61),e(209,"app-ms-preview",55),n(210,"app-donation-dedication"),t(),e(211,"div",62)(212,"p",56),i(213,"Configuration for dedication message types, notification preferences, and display options."),t()()()()()()(),e(214,"section")(215,"div",0)(216,"div",1)(217,"div",2)(218,"h2"),i(219,"Suffix and nested content"),t(),e(220,"p",3)(221,"code"),i(222,"msSuffix"),t(),i(223," sits beside the label; "),e(224,"code"),i(225,"msContent"),t(),i(226," spans full width below the main row."),t()()(),e(227,"div",27)(228,"div",5)(229,"h5",3),i(230,"Suffix"),t(),e(231,"app-ms-setting",63)(232,"div",64)(233,"span",50),n(234,"i",65),t(),e(235,"span",47),i(236,"Pending review"),t()(),n(237,"app-ms-toggle",66),t()(),e(238,"div",2)(239,"h5",3),i(240,"Nested content (always visible)"),t(),e(241,"app-ms-setting",67),n(242,"app-ms-toggle",68),e(243,"div",62)(244,"p",56),i(245,"Additional configuration options can render here without an accordion."),t()()()()()()(),e(246,"section",12)(247,"div",13)(248,"div",1)(249,"div",2)(250,"h2"),i(251,"Accordion"),t(),e(252,"p",3),i(253,"Use the accordion button in the left action column to expand or collapse "),e(254,"code"),i(255,"msContent"),t(),i(256,"."),t()()(),e(257,"div",1)(258,"div",5)(259,"h5",3),i(260,"Large"),t(),e(261,"app-ms-setting",69),n(262,"app-ms-toggle",70),e(263,"div",62)(264,"p",71),i(265,"Expanded content for advanced settings goe

3s here."),t()()()(),e(266,"div",5)(267,"h5",3),i(268,"Medium (initially collapsed)"),t(),e(269,"app-ms-setting",72),n(270,"app-ms-toggle",73),e(271,"div",62)(272,"p",56),i(273,"Expanded content for matching gifts configuration."),t()()()(),e(274,"div",2)(275,"h5",3),i(276,"Small"),t(),e(277,"app-ms-setting",74),n(278,"app-ms-toggle",75),e(279,"div",62)(280,"p",56),i(281,"Expanded content for beta features."),t()()()()()()(),e(282,"section")(283,"div",0)(284,"div",1)(285,"div",2)(286,"h2"),i(287,"Nested settings"),t(),e(288,"p",3),i(289,"Large \u2192 medium \u2192 small settings stacked inside expanded content."),t()()(),e(290,"div",4)(291,"div",2)(292,"app-ms-setting",76),n(293,"app-ms-toggle",77),e(294,"div",62)(295,"app-ms-setting",78),n(296,"app-ms-toggle",79),e(297,"div",62)(298,"app-ms-setting",80),n(299,"app-ms-toggle",81),t()()()()()()()()(),e(300,"section",12)(301,"div",13)(302,"div",1)(303,"div",2)(304,"h2"),i(305,"Payout-style row"),t(),e(306,"p",3),i(307,"Left action, suffix, right status, and always-visible content \u2014 no start/end panels."),t()()(),e(308,"div",4)(309,"div",2)(310,"app-ms-setting",82),n(311,"mat-radio-button",83),e(312,"div",84)(313,"span",50),n(314,"i",65),t(),e(315,"span",47),i(316,"Verification in review"),t()(),e(317,"div",85)(318,"span",47),i(319,"Verification submitted April 4, 2027"),t()(),e(320,"a",86)(321,"span"),i(322,"Learn about electronic payouts"),t(),e(323,"span",87),n(324,"i",88),t()()()()()()(),e(325,"section")(326,"div",0)(327,"div",1)(328,"div",2)(329,"h2"),i(330,"Disabled"),t(),e(331,"p",3),i(332," Host-disabled state: label and description are dimmed; accordion, content, end preview, and save actions are hidden. "),t()()(),e(333,"div",4)(334,"div",2)(335,"app-ms-setting",89)(336,"div",90)(337,"span",50),n(338,"i",91),t(),e(339,"span",47),i(340,"Disabled by host"),t()(),e(341,"app-ms-preview",92)(342,"p",56),i(343,"Preview panel hidden when disabled."),t()(),e(344,"div",62)(345,"p",56),i(346,"Content hidden when disabled."),t()()()()()()()),p&2&&(l(51),s("selected",!0),l(2),m("ngModel",a.demoSelectedShadedFlat),l(),s("selected",a.demoSelectedShadedFlat==="selected"),l(18),m("saveStatus",a.demoSaveStatus),l(),m("ngModel",a.demoEnabled),l(10),s("saveStatus",a.staticSavingDemoStatus()),l(40),m("ngModel",a.demoSuggestionMode),l(),s("selected",a.demoSuggestionMode==="basic"),l(3),s("selected",a.demoSuggestionMode==="custom"),l(142),s("expanded",!1))},dependencies:[x,E,w,f,b,T,y,A,_,C,M,R,P,k,D,z],encapsulation:2})}return c})();export{X as SettingComponent};
4
5//# debugId=493f2573-9bde-51b9-9d3c-baf894c43cc0