28 |
29 | 
54 |
55 | 
60 |
61 | 
66 |
67 | 
72 |
73 | ---
74 |
75 | ## 👨🚀 Setup:
76 |
77 | Before compiling the view templates, you'll need to regenerate the CSS. First, you need to install the dependencies required by `Tailwind CSS` and `daisyUI` (you must have `Node.js` installed on your system) and then run the regeneration of the `main.css` file. To do this, apply the following commands:
78 |
79 | ```
80 | $ cd tailwind && npm i
81 | $npm run build-css-prod # `npm run watch-css` regenerate the css in watch mode for development
82 | ```
83 |
84 | Besides the obvious prerequisite of having Go! on your machine, you must have Air installed for hot reloading when editing code.
85 |
86 | >[!TIP]
87 | >***In order to have autocompletion and syntax highlighting in VS Code for the `Templ templating language`, you will have to install the [templ-vscode](https://marketplace.visualstudio.com/items?itemName=a-h.templ) extension (for vim/nvim install this [plugin](https://github.com/joerdav/templ.vim)). To generate the Go code corresponding to these templates you will have to download this [executable binary](https://github.com/a-h/templ/releases/tag/v0.2.476) from Github and place it in the PATH of your system. The command:***
88 |
89 | ```
90 | $ templ generate --watch
91 | ```
92 |
93 | >[!TIP]
94 | >***This command allows us to regenerate the `.templ` templates and, therefore, is necessary to start the application. This will also allow us to monitor changes to the `.templ` files and compile them as we save them if we make changes to them. Review the documentation on Templ [installation](https://templ.guide/quick-start/installation) and [support](https://templ.guide/commands-and-tools/ide-support/) for your IDE .***
95 |
96 |
97 | Start the app in development mode:
98 |
99 | ```
100 | $ air # Ctrl + C to stop the application
101 | ```
102 |
103 | Build for production:
104 |
105 | ```
106 | $ go build -ldflags="-s -w" -o ./bin/main . # ./bin/main to run the application / Ctrl + C to stop the application
107 | ```
108 | ---
109 |
110 | ### Happy coding 😀!!
111 |
--------------------------------------------------------------------------------
/handlers/todo.handlers.go:
--------------------------------------------------------------------------------
1 | package handlers
2 |
3 | import (
4 | "errors"
5 | "fmt"
6 | "net/http"
7 | "strconv"
8 | "strings"
9 |
10 | "github.com/emarifer/go-echo-templ-htmx/services"
11 | "github.com/emarifer/go-echo-templ-htmx/views/todo_views"
12 | "github.com/labstack/echo-contrib/session"
13 | "github.com/labstack/echo/v4"
14 | "golang.org/x/text/cases"
15 | "golang.org/x/text/language"
16 | )
17 |
18 | /********** Handlers for Todo Views **********/
19 |
20 | type TaskService interface {
21 | CreateTodo(t services.Todo) (services.Todo, error)
22 | GetAllTodos(createdBy int) ([]services.Todo, error)
23 | GetTodoById(t services.Todo) (services.Todo, error)
24 | UpdateTodo(t services.Todo) (services.Todo, error)
25 | DeleteTodo(t services.Todo) error
26 | }
27 |
28 | func NewTaskHandler(ts TaskService) *TaskHandler {
29 |
30 | return &TaskHandler{
31 | TodoServices: ts,
32 | }
33 | }
34 |
35 | type TaskHandler struct {
36 | TodoServices TaskService
37 | }
38 |
39 | func (th *TaskHandler) createTodoHandler(c echo.Context) error {
40 | // isError = false
41 | c.Set("ISERROR", false)
42 | fromProtected, ok := c.Get("FROMPROTECTED").(bool)
43 | if !ok {
44 | return errors.New("invalid type for key 'FROMPROTECTED'")
45 | }
46 |
47 | if c.Request().Method == "POST" {
48 | todo := services.Todo{
49 | CreatedBy: c.Get(user_id_key).(int),
50 | Title: strings.Trim(c.FormValue("title"), " "),
51 | Description: strings.Trim(c.FormValue("description"), " "),
52 | }
53 |
54 | _, err := th.TodoServices.CreateTodo(todo)
55 | if err != nil {
56 | return err
57 | }
58 |
59 | setFlashmessages(c, "success", "Task created successfully!!")
60 |
61 | return c.Redirect(http.StatusSeeOther, "/todo/list")
62 | }
63 |
64 | return renderView(c, todo_views.TodoIndex(
65 | "| Create Todo",
66 | c.Get(username_key).(string),
67 | fromProtected,
68 | c.Get("ISERROR").(bool),
69 | getFlashmessages(c, "error"),
70 | getFlashmessages(c, "success"),
71 | todo_views.CreateTodo(),
72 | ))
73 | }
74 |
75 | func (th *TaskHandler) todoListHandler(c echo.Context) error {
76 | // isError = false
77 | c.Set("ISERROR", false)
78 | fromProtected, ok := c.Get("FROMPROTECTED").(bool)
79 | if !ok {
80 | return errors.New("invalid type for key 'FROMPROTECTED'")
81 | }
82 |
83 | userId := c.Get(user_id_key).(int)
84 |
85 | todos, err := th.TodoServices.GetAllTodos(userId)
86 | if err != nil {
87 | return err
88 | }
89 |
90 | titlePage := fmt.Sprintf(
91 | "| %s's Task List",
92 | cases.Title(language.English).String(c.Get(username_key).(string)),
93 | )
94 |
95 | return renderView(c, todo_views.TodoIndex(
96 | titlePage,
97 | c.Get(username_key).(string),
98 | fromProtected,
99 | c.Get("ISERROR").(bool),
100 | getFlashmessages(c, "error"),
101 | getFlashmessages(c, "success"),
102 | todo_views.TodoList(titlePage, todos),
103 | ))
104 | }
105 |
106 | func (th *TaskHandler) updateTodoHandler(c echo.Context) error {
107 | // isError = false
108 | c.Set("ISERROR", false)
109 | fromProtected, ok := c.Get("FROMPROTECTED").(bool)
110 | if !ok {
111 | return errors.New("invalid type for key 'FROMPROTECTED'")
112 | }
113 |
114 | idParams, err := strconv.Atoi(c.Param("id"))
115 | if err != nil {
116 | return err
117 | }
118 |
119 | t := services.Todo{
120 | ID: idParams,
121 | CreatedBy: c.Get(user_id_key).(int),
122 | }
123 |
124 | todo, err := th.TodoServices.GetTodoById(t)
125 | if err != nil {
126 | if strings.Contains(err.Error(), "no rows in result set") {
127 |
128 | return echo.NewHTTPError(
129 | echo.ErrNotFound.Code,
130 | fmt.Sprintf(
131 | "something went wrong: %s",
132 | err,
133 | ))
134 | }
135 |
136 | return echo.NewHTTPError(
137 | echo.ErrInternalServerError.Code,
138 | fmt.Sprintf(
139 | "something went wrong: %s",
140 | err,
141 | ))
142 | }
143 |
144 | if c.Request().Method == "POST" {
145 | var status bool
146 | if c.FormValue("status") == "on" {
147 | status = true
148 | } else {
149 | status = false
150 | }
151 |
152 | todo := services.Todo{
153 | Title: strings.Trim(c.FormValue("title"), " "),
154 | Description: strings.Trim(c.FormValue("description"), " "),
155 | Status: status,
156 | CreatedBy: c.Get(user_id_key).(int),
157 | ID: idParams,
158 | }
159 |
160 | _, err := th.TodoServices.UpdateTodo(todo)
161 | if err != nil {
162 | return err
163 | }
164 |
165 | setFlashmessages(c, "success", "Task successfully updated!!")
166 |
167 | return c.Redirect(http.StatusSeeOther, "/todo/list")
168 | }
169 |
170 | return renderView(c, todo_views.TodoIndex(
171 | fmt.Sprintf("| Edit Todo #%d", todo.ID),
172 | c.Get(username_key).(string),
173 | fromProtected,
174 | c.Get("ISERROR").(bool),
175 | getFlashmessages(c, "error"),
176 | getFlashmessages(c, "success"), // ↓ getting time zone from context ↓
177 | todo_views.UpdateTodo(todo, c.Get(tzone_key).(string)),
178 | ))
179 | }
180 |
181 | func (th *TaskHandler) deleteTodoHandler(c echo.Context) error {
182 | idParams, err := strconv.Atoi(c.Param("id"))
183 | if err != nil {
184 | fmt.Println(err)
185 | return err
186 | }
187 |
188 | t := services.Todo{
189 | CreatedBy: c.Get(user_id_key).(int),
190 | ID: idParams,
191 | }
192 |
193 | err = th.TodoServices.DeleteTodo(t)
194 | if err != nil {
195 | if strings.Contains(err.Error(), "an affected row was expected") {
196 |
197 | return echo.NewHTTPError(
198 | echo.ErrNotFound.Code,
199 | fmt.Sprintf(
200 | "something went wrong: %s",
201 | err,
202 | ))
203 | }
204 |
205 | return echo.NewHTTPError(
206 | echo.ErrInternalServerError.Code,
207 | fmt.Sprintf(
208 | "something went wrong: %s",
209 | err,
210 | ))
211 | }
212 |
213 | setFlashmessages(c, "success", "Task successfully deleted!!")
214 |
215 | return c.Redirect(http.StatusSeeOther, "/todo/list")
216 | }
217 |
218 | func (th *TaskHandler) logoutHandler(c echo.Context) error {
219 | sess, _ := session.Get(auth_sessions_key, c)
220 | // Revoke users authentication
221 | sess.Values = map[interface{}]interface{}{
222 | auth_key: false,
223 | user_id_key: "",
224 | username_key: "",
225 | tzone_key: "",
226 | }
227 | sess.Save(c.Request(), c.Response())
228 |
229 | setFlashmessages(c, "success", "You have successfully logged out!!")
230 |
231 | // fromProtected = false
232 | c.Set("FROMPROTECTED", false)
233 |
234 | return c.Redirect(http.StatusSeeOther, "/login")
235 | }
236 |
--------------------------------------------------------------------------------
/handlers/auth.handlers.go:
--------------------------------------------------------------------------------
1 | package handlers
2 |
3 | import (
4 | "errors"
5 | "fmt"
6 | "net/http"
7 | "strings"
8 |
9 | "github.com/emarifer/go-echo-templ-htmx/services"
10 | "github.com/emarifer/go-echo-templ-htmx/views/auth_views"
11 | "golang.org/x/crypto/bcrypt"
12 |
13 | "github.com/a-h/templ"
14 | "github.com/gorilla/sessions"
15 | "github.com/labstack/echo-contrib/session"
16 | "github.com/labstack/echo/v4"
17 | )
18 |
19 | const (
20 | auth_sessions_key string = "authenticate-sessions"
21 | auth_key string = "authenticated"
22 | user_id_key string = "user_id"
23 | username_key string = "username"
24 | tzone_key string = "time_zone"
25 | )
26 |
27 | /********** Handlers for Auth Views **********/
28 |
29 | type AuthService interface {
30 | CreateUser(u services.User) error
31 | CheckEmail(email string) (services.User, error)
32 | // GetUserById(id int) (services.User, error)
33 | }
34 |
35 | func NewAuthHandler(us AuthService) *AuthHandler {
36 |
37 | return &AuthHandler{
38 | UserServices: us,
39 | }
40 | }
41 |
42 | type AuthHandler struct {
43 | UserServices AuthService
44 | }
45 |
46 | func (ah *AuthHandler) homeHandler(c echo.Context) error {
47 | fromProtected, ok := c.Get("FROMPROTECTED").(bool)
48 | if !ok {
49 | return errors.New("invalid type for key 'FROMPROTECTED'")
50 | }
51 | homeView := auth_views.Home(fromProtected)
52 | // isError = false
53 | c.Set("ISERROR", false)
54 | // fmt.Printf("\033[31mFROMPROTECTED = %t\n\033[0m", fromProtected)
55 |
56 | return renderView(c, auth_views.HomeIndex(
57 | "| Home",
58 | "",
59 | fromProtected,
60 | c.Get("ISERROR").(bool),
61 | getFlashmessages(c, "error"),
62 | getFlashmessages(c, "success"),
63 | homeView,
64 | ))
65 | }
66 |
67 | func (ah *AuthHandler) registerHandler(c echo.Context) error {
68 | fromProtected, ok := c.Get("FROMPROTECTED").(bool)
69 | if !ok {
70 | return errors.New("invalid type for key 'FROMPROTECTED'")
71 | }
72 | registerView := auth_views.Register(fromProtected)
73 | // isError = false
74 | c.Set("ISERROR", false)
75 |
76 | if c.Request().Method == "POST" {
77 | user := services.User{
78 | Email: c.FormValue("email"),
79 | Password: c.FormValue("password"),
80 | Username: c.FormValue("username"),
81 | }
82 |
83 | err := ah.UserServices.CreateUser(user)
84 | if err != nil {
85 | if strings.Contains(err.Error(), "UNIQUE constraint failed") {
86 | err = errors.New("the email is already in use")
87 | setFlashmessages(c, "error", fmt.Sprintf(
88 | "something went wrong: %s",
89 | err,
90 | ))
91 |
92 | return c.Redirect(http.StatusSeeOther, "/register")
93 | }
94 |
95 | return echo.NewHTTPError(
96 | echo.ErrInternalServerError.Code,
97 | fmt.Sprintf(
98 | "something went wrong: %s",
99 | err,
100 | ))
101 | }
102 |
103 | setFlashmessages(c, "success", "You have successfully registered!!")
104 |
105 | return c.Redirect(http.StatusSeeOther, "/login")
106 | }
107 |
108 | return renderView(c, auth_views.RegisterIndex(
109 | "| Register",
110 | "",
111 | fromProtected,
112 | c.Get("ISERROR").(bool),
113 | getFlashmessages(c, "error"),
114 | getFlashmessages(c, "success"),
115 | registerView,
116 | ))
117 | }
118 |
119 | func (ah *AuthHandler) loginHandler(c echo.Context) error {
120 | fromProtected, ok := c.Get("FROMPROTECTED").(bool)
121 | if !ok {
122 | return errors.New("invalid type for key 'FROMPROTECTED'")
123 | }
124 | loginView := auth_views.Login(fromProtected)
125 | // isError = false
126 | c.Set("ISERROR", false)
127 |
128 | if c.Request().Method == "POST" {
129 | // obtaining the time zone from the POST request of the login form
130 | tzone := ""
131 | if len(c.Request().Header["X-Timezone"]) != 0 {
132 | tzone = c.Request().Header["X-Timezone"][0]
133 | }
134 |
135 | // Authentication goes here
136 | user, err := ah.UserServices.CheckEmail(c.FormValue("email"))
137 | if err != nil {
138 | if strings.Contains(err.Error(), "no rows in result set") {
139 | setFlashmessages(c, "error", "There is no user with that email")
140 |
141 | return c.Redirect(http.StatusSeeOther, "/login")
142 | }
143 |
144 | return echo.NewHTTPError(
145 | echo.ErrInternalServerError.Code,
146 | fmt.Sprintf(
147 | "something went wrong: %s",
148 | err,
149 | ))
150 | }
151 |
152 | err = bcrypt.CompareHashAndPassword(
153 | []byte(user.Password),
154 | []byte(c.FormValue("password")),
155 | )
156 | if err != nil {
157 | // In production you have to give the user a generic message
158 | setFlashmessages(c, "error", "Incorrect password")
159 |
160 | return c.Redirect(http.StatusSeeOther, "/login")
161 | }
162 |
163 | // Get Session and setting Cookies
164 | sess, _ := session.Get(auth_sessions_key, c)
165 | sess.Options = &sessions.Options{
166 | Path: "/",
167 | MaxAge: 3600, // in seconds
168 | HttpOnly: true,
169 | }
170 |
171 | // Set user as authenticated, their username,
172 | // their ID and the client's time zone
173 | sess.Values = map[interface{}]interface{}{
174 | auth_key: true,
175 | user_id_key: user.ID,
176 | username_key: user.Username,
177 | tzone_key: tzone,
178 | }
179 | sess.Save(c.Request(), c.Response())
180 |
181 | setFlashmessages(c, "success", "You have successfully logged in!!")
182 |
183 | return c.Redirect(http.StatusSeeOther, "/todo/list")
184 | }
185 |
186 | return renderView(c, auth_views.LoginIndex(
187 | "| Login",
188 | "",
189 | fromProtected,
190 | c.Get("ISERROR").(bool),
191 | getFlashmessages(c, "error"),
192 | getFlashmessages(c, "success"),
193 | loginView,
194 | ))
195 | }
196 |
197 | func (ah *AuthHandler) flagsMiddleware(next echo.HandlerFunc) echo.HandlerFunc {
198 | return func(c echo.Context) error {
199 | sess, _ := session.Get(auth_sessions_key, c)
200 | if auth, ok := sess.Values[auth_key].(bool); !ok || !auth {
201 | // fmt.Printf("\033[36m Ok=%t, Auth=%t \n\033[0m", ok, auth)
202 | c.Set("FROMPROTECTED", false)
203 |
204 | return next(c)
205 | }
206 |
207 | c.Set("FROMPROTECTED", true)
208 |
209 | return next(c)
210 | }
211 | }
212 |
213 | func (ah *AuthHandler) authMiddleware(next echo.HandlerFunc) echo.HandlerFunc {
214 | return func(c echo.Context) error {
215 | sess, _ := session.Get(auth_sessions_key, c)
216 | if auth, ok := sess.Values[auth_key].(bool); !ok || !auth {
217 | // fmt.Printf("\033[36m Ok=%t, Auth=%t \n\033[0m", ok, auth)
218 | // fromProtected = false
219 | c.Set("FROMPROTECTED", false)
220 |
221 | return echo.NewHTTPError(echo.ErrUnauthorized.Code, "Please provide valid credentials")
222 | }
223 |
224 | if userId, ok := sess.Values[user_id_key].(int); ok && userId != 0 {
225 | c.Set(user_id_key, userId) // set the user_id in the context
226 | }
227 |
228 | if username, ok := sess.Values[username_key].(string); ok && len(username) != 0 {
229 | c.Set(username_key, username) // set the username in the context
230 | }
231 |
232 | if tzone, ok := sess.Values[tzone_key].(string); ok && len(tzone) != 0 {
233 | c.Set(tzone_key, tzone) // set the client's time zone in the context
234 | }
235 |
236 | // fromProtected = true
237 | c.Set("FROMPROTECTED", true)
238 |
239 | return next(c)
240 | }
241 | }
242 |
243 | func renderView(c echo.Context, cmp templ.Component) error {
244 | c.Response().Header().Set(echo.HeaderContentType, echo.MIMETextHTML)
245 |
246 | return cmp.Render(c.Request().Context(), c.Response().Writer)
247 | }
248 |
--------------------------------------------------------------------------------
/doc/structure.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/assets/js/htmx.min.js:
--------------------------------------------------------------------------------
1 | (function(e,t){if(typeof define==="function"&&define.amd){define([],t)}else if(typeof module==="object"&&module.exports){module.exports=t()}else{e.htmx=e.htmx||t()}})(typeof self!=="undefined"?self:this,function(){return function(){"use strict";var Q={onLoad:F,process:zt,on:de,off:ge,trigger:ce,ajax:Nr,find:C,findAll:f,closest:v,values:function(e,t){var r=dr(e,t||"post");return r.values},remove:_,addClass:z,removeClass:n,toggleClass:$,takeClass:W,defineExtension:Ur,removeExtension:Br,logAll:V,logNone:j,logger:null,config:{historyEnabled:true,historyCacheSize:10,refreshOnHistoryMiss:false,defaultSwapStyle:"innerHTML",defaultSwapDelay:0,defaultSettleDelay:20,includeIndicatorStyles:true,indicatorClass:"htmx-indicator",requestClass:"htmx-request",addedClass:"htmx-added",settlingClass:"htmx-settling",swappingClass:"htmx-swapping",allowEval:true,allowScriptTags:true,inlineScriptNonce:"",attributesToSettle:["class","style","width","height"],withCredentials:false,timeout:0,wsReconnectDelay:"full-jitter",wsBinaryType:"blob",disableSelector:"[hx-disable], [data-hx-disable]",useTemplateFragments:false,scrollBehavior:"smooth",defaultFocusScroll:false,getCacheBusterParam:false,globalViewTransitions:false,methodsThatUseUrlParams:["get"],selfRequestsOnly:false,ignoreTitle:false,scrollIntoViewOnBoost:true,triggerSpecsCache:null},parseInterval:d,_:t,createEventSource:function(e){return new EventSource(e,{withCredentials:true})},createWebSocket:function(e){var t=new WebSocket(e,[]);t.binaryType=Q.config.wsBinaryType;return t},version:"1.9.12"};var r={addTriggerHandler:Lt,bodyContains:se,canAccessLocalStorage:U,findThisElement:xe,filterValues:yr,hasAttribute:o,getAttributeValue:te,getClosestAttributeValue:ne,getClosestMatch:c,getExpressionVars:Hr,getHeaders:xr,getInputValues:dr,getInternalData:ae,getSwapSpecification:wr,getTriggerSpecs:it,getTarget:ye,makeFragment:l,mergeObjects:le,makeSettleInfo:T,oobSwap:Ee,querySelectorExt:ue,selectAndSwap:je,settleImmediately:nr,shouldCancel:ut,triggerEvent:ce,triggerErrorEvent:fe,withExtensions:R};var w=["get","post","put","delete","patch"];var i=w.map(function(e){return"[hx-"+e+"], [data-hx-"+e+"]"}).join(", ");var S=e("head"),q=e("title"),H=e("svg",true);function e(e,t){return new RegExp("<"+e+"(\\s[^>]*>|>)([\\s\\S]*?)<\\/"+e+">",!!t?"gim":"im")}function d(e){if(e==undefined){return undefined}let t=NaN;if(e.slice(-2)=="ms"){t=parseFloat(e.slice(0,-2))}else if(e.slice(-1)=="s"){t=parseFloat(e.slice(0,-1))*1e3}else if(e.slice(-1)=="m"){t=parseFloat(e.slice(0,-1))*1e3*60}else{t=parseFloat(e)}return isNaN(t)?undefined:t}function ee(e,t){return e.getAttribute&&e.getAttribute(t)}function o(e,t){return e.hasAttribute&&(e.hasAttribute(t)||e.hasAttribute("data-"+t))}function te(e,t){return ee(e,t)||ee(e,"data-"+t)}function u(e){return e.parentElement}function re(){return document}function c(e,t){while(e&&!t(e)){e=u(e)}return e?e:null}function L(e,t,r){var n=te(t,r);var i=te(t,"hx-disinherit");if(e!==t&&i&&(i==="*"||i.split(" ").indexOf(r)>=0)){return"unset"}else{return n}}function ne(t,r){var n=null;c(t,function(e){return n=L(t,e,r)});if(n!=="unset"){return n}}function h(e,t){var r=e.matches||e.matchesSelector||e.msMatchesSelector||e.mozMatchesSelector||e.webkitMatchesSelector||e.oMatchesSelector;return r&&r.call(e,t)}function A(e){var t=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i;var r=t.exec(e);if(r){return r[1].toLowerCase()}else{return""}}function s(e,t){var r=new DOMParser;var n=r.parseFromString(e,"text/html");var i=n.body;while(t>0){t--;i=i.firstChild}if(i==null){i=re().createDocumentFragment()}return i}function N(e){return/"+n+"",0);var a=i.querySelector("template").content;if(Q.config.allowScriptTags){oe(a.querySelectorAll("script"),function(e){if(Q.config.inlineScriptNonce){e.nonce=Q.config.inlineScriptNonce}e.htmxExecuted=navigator.userAgent.indexOf("Firefox")===-1})}else{oe(a.querySelectorAll("script"),function(e){_(e)})}return a}switch(r){case"thead":case"tbody":case"tfoot":case"colgroup":case"caption":return s("\n \n ![]()
\n \n \n \n \n
\n').replace(/(^|\n)\s*/g,""),wt=function(){g.currentInstance.resetValidationMessage()},Ct=function(t){var e,n=!!(e=j())&&(e.remove(),at([document.documentElement,document.body],[w["no-backdrop"],w["toast-shown"],w["has-column"]]),!0);if(bt())P("SweetAlert2 requires document to initialize");else{var o=document.createElement("div");o.className=w.container,n&&rt(o,w["no-transition"]),Q(o,yt);var i,r,a,c,u,s,l,d,f,p="string"==typeof(i=t.target)?document.querySelector(i):i;p.appendChild(o),function(t){var e=H();e.setAttribute("role",t.toast?"alert":"dialog"),e.setAttribute("aria-live",t.toast?"polite":"assertive"),t.toast||e.setAttribute("aria-modal","true")}(t),function(t){"rtl"===window.getComputedStyle(t).direction&&rt(j(),w.rtl)}(p),r=H(),a=ct(r,w.input),c=ct(r,w.file),u=r.querySelector(".".concat(w.range," input")),s=r.querySelector(".".concat(w.range," output")),l=ct(r,w.select),d=r.querySelector(".".concat(w.checkbox," input")),f=ct(r,w.textarea),a.oninput=wt,c.onchange=wt,l.onchange=wt,d.onchange=wt,f.oninput=wt,u.oninput=function(){wt(),s.value=u.value},u.onchange=function(){wt(),s.value=u.value}}},At=function(t,e){t instanceof HTMLElement?e.appendChild(t):"object"===r(t)?kt(t,e):t&&Q(e,t)},kt=function(t,e){t.jquery?Et(e,t):Q(e,t.toString())},Et=function(t,e){if(t.textContent="",0 in e)for(var n=0;n in e;n++)t.appendChild(e[n].cloneNode(!0));else t.appendChild(e.cloneNode(!0))},Pt=function(){if(bt())return!1;var t=document.createElement("div");return void 0!==t.style.webkitAnimation?"webkitAnimationEnd":void 0!==t.style.animation&&"animationend"}(),Bt=function(t,e){var n=K(),o=W();n&&o&&(e.showConfirmButton||e.showDenyButton||e.showCancelButton?st(n):lt(n),et(n,e,"actions"),function(t,e,n){var o=F(),i=z(),r=U();if(!o||!i||!r)return;Tt(o,"confirm",n),Tt(i,"deny",n),Tt(r,"cancel",n),function(t,e,n,o){if(!o.buttonsStyling)return void at([t,e,n],w.styled);rt([t,e,n],w.styled),o.confirmButtonColor&&(t.style.backgroundColor=o.confirmButtonColor,rt(t,w["default-outline"]));o.denyButtonColor&&(e.style.backgroundColor=o.denyButtonColor,rt(e,w["default-outline"]));o.cancelButtonColor&&(n.style.backgroundColor=o.cancelButtonColor,rt(n,w["default-outline"]))}(o,i,r,n),n.reverseButtons&&(n.toast?(t.insertBefore(r,o),t.insertBefore(i,o)):(t.insertBefore(r,e),t.insertBefore(i,e),t.insertBefore(o,e)))}(n,o,e),Q(o,e.loaderHtml||""),et(o,e,"loader"))};function Tt(t,e,n){var o=k(e);pt(t,n["show".concat(o,"Button")],"inline-block"),Q(t,n["".concat(e,"ButtonText")]||""),t.setAttribute("aria-label",n["".concat(e,"ButtonAriaLabel")]||""),t.className=w[e],et(t,n,"".concat(e,"Button"))}var xt=function(t,e){var n=j();n&&(!function(t,e){"string"==typeof e?t.style.background=e:e||rt([document.documentElement,document.body],w["no-backdrop"])}(n,e.backdrop),function(t,e){if(!e)return;e in w?rt(t,w[e]):(E('The "position" parameter is not valid, defaulting to "center"'),rt(t,w.center))}(n,e.position),function(t,e){if(!e)return;rt(t,w["grow-".concat(e)])}(n,e.grow),et(n,e,"container"))};var St={innerParams:new WeakMap,domCache:new WeakMap},Ot=["input","file","range","select","radio","checkbox","textarea"],Lt=function(t){if(t.input)if(Vt[t.input]){var e=Dt(t.input),n=Vt[t.input](e,t);st(e),t.inputAutoFocus&&setTimeout((function(){ot(n)}))}else P("Unexpected type of input! Expected ".concat(Object.keys(Vt).join(" | "),', got "').concat(t.input,'"'))},jt=function(t,e){var n=nt(H(),t);if(n)for(var o in function(t){for(var e=0;e\n \n \n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n
\n ")),Ct(t)}var Yn=new WeakMap,Zn=function(){return u((function e(){if(a(this,e),v(this,Yn,void 0),"undefined"!=typeof window){Bn=this;for(var n=arguments.length,o=new Array(n),i=0;i