{"version":3,"file":"input-user-permission-verb.element-TdTWJlcX.js","sources":["../../../src/packages/user/user-permission/components/input-user-permission-verb/input-user-permission-verb.element.ts"],"sourcesContent":["import { UmbTextStyles } from '@umbraco-cms/backoffice/style';\r\nimport type { UUIBooleanInputEvent } from '@umbraco-cms/backoffice/external/uui';\r\nimport { css, html, customElement, property } from '@umbraco-cms/backoffice/external/lit';\r\nimport { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';\r\nimport { UmbChangeEvent } from '@umbraco-cms/backoffice/event';\r\n\r\n@customElement('umb-input-user-permission-verb')\r\nexport class UmbUserPermissionVerbElement extends UmbLitElement {\r\n\t@property({ type: String, attribute: true })\r\n\tlabel: string = '';\r\n\r\n\t@property({ type: String, attribute: true })\r\n\tdescription?: string = '';\r\n\r\n\t@property({ type: Boolean, attribute: true })\r\n\tallowed: boolean = false;\r\n\r\n\t#onChange(event: UUIBooleanInputEvent) {\r\n\t\tevent.stopPropagation();\r\n\t\tthis.allowed = event.target.checked;\r\n\t\tthis.dispatchEvent(new UmbChangeEvent());\r\n\t}\r\n\r\n\toverride render() {\r\n\t\treturn html`<div id=\"setting\">\r\n\t\t\t<uui-toggle label=${this.label} ?checked=${this.allowed} @change=${this.#onChange}>\r\n\t\t\t\t<div id=\"meta\">\r\n\t\t\t\t\t<div id=\"name\">${this.label}</div>\r\n\t\t\t\t\t<small>${this.description}</small>\r\n\t\t\t\t</div>\r\n\t\t\t</uui-toggle>\r\n\t\t</div>`;\r\n\t}\r\n\r\n\tstatic override styles = [\r\n\t\tUmbTextStyles,\r\n\t\tcss`\r\n\t\t\t#setting {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tborder-bottom: 1px solid var(--uui-color-divider);\r\n\t\t\t\tpadding: var(--uui-size-space-3) 0 var(--uui-size-space-4) 0;\r\n\t\t\t}\r\n\r\n\t\t\t#meta {\r\n\t\t\t\tmargin-left: var(--uui-size-space-4);\r\n\t\t\t\tline-height: 1.2em;\r\n\t\t\t}\r\n\r\n\t\t\t#name {\r\n\t\t\t\tfont-weight: bold;\r\n\t\t\t}\r\n\t\t`,\r\n\t];\r\n}\r\n\r\nexport default UmbUserPermissionVerbElement;\r\n\r\ndeclare global {\r\n\tinterface HTMLElementTagNameMap {\r\n\t\t'umb-input-user-permission-verb': UmbUserPermissionVerbElement;\r\n\t}\r\n}\r\n"],"names":["_UmbUserPermissionVerbElement_instances","onChange_fn","UmbUserPermissionVerbElement","UmbLitElement","__privateAdd","html","__privateMethod","event","UmbChangeEvent","UmbTextStyles","css","__decorateClass","property","customElement"],"mappings":";;;;;;;;;;8OAAAA,GAAAC;AAOa,IAAAC,IAAN,cAA2CC,EAAc;AAAA,EAAzD,cAAA;AAAA,UAAA,GAAA,SAAA,GAAAC,EAAA,MAAAJ,CAAA,GAEU,KAAA,QAAA,IAGO,KAAA,cAAA,IAGJ,KAAA,UAAA;AAAA,EAAA;AAAA,EAQV,SAAS;AACV,WAAAK;AAAA,uBACc,KAAK,KAAK,aAAa,KAAK,OAAO,YAAYC,QAAKN,GAASC,CAAA,CAAA;AAAA;AAAA,sBAE9D,KAAK,KAAK;AAAA,cAClB,KAAK,WAAW;AAAA;AAAA;AAAA;AAAA,EAAA;AA0B9B;AA/COD,IAAA,oBAAA,QAAA;AAUNC,IAAS,SAACM,GAA6B;AACtC,EAAAA,EAAM,gBAAgB,GACjB,KAAA,UAAUA,EAAM,OAAO,SACvB,KAAA,cAAc,IAAIC,GAAgB;AACxC;AAdYN,EA2BI,SAAS;AAAA,EACxBO;AAAA,EACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBD;AA5CAC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAW,GAAM,CAAA;AAAA,GAD/BV,EAEZ,WAAA,SAAA,CAAA;AAGAS,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,WAAW,GAAM,CAAA;AAAA,GAJ/BV,EAKZ,WAAA,eAAA,CAAA;AAGAS,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,WAAW,GAAM,CAAA;AAAA,GAPhCV,EAQZ,WAAA,WAAA,CAAA;AARYA,IAANS,EAAA;AAAA,EADNE,EAAc,gCAAgC;AAAA,GAClCX,CAAA;"}