@dnncommunity/dnn-elements 0.14.1 → 0.15.0-beta.3

package/dist/collection/components/dnn-permissions-grid/dnn-permissions-grid.stories.js

@@ -0,0 +1,273 @@
+import { html } from "lit-html";
+import readme from "./readme.md";
+export default {
+  title: "Elements/Permissions Grid",
+  component: "dnn-permissions-grid",
+  parameters: {
+    notes: readme,
+    actions: {
+      handles: ["userSearchQueryChanged", "permissionsChanged"]
+    }
+  }
+};
+const permissions = {
+  permissionDefinitions: [
+    {
+      permissionId: 8,
+      permissionName: "Browse Folder",
+      permissionKey: null,
+      permissionCode: null,
+      fullControl: false,
+      view: false,
+      allowAccess: false
+    },
+    {
+      permissionId: 5,
+      permissionName: "View Folder",
+      permissionKey: null,
+      permissionCode: null,
+      fullControl: false,
+      view: false,
+      allowAccess: false
+    },
+    {
+      permissionId: 6,
+      permissionName: "Write to Folder",
+      permissionKey: null,
+      permissionCode: null,
+      fullControl: false,
+      view: false,
+      allowAccess: false
+    }
+  ],
+  rolePermissions: [
+    {
+      roleId: 0,
+      roleName: "Administrators",
+      permissions: [
+        {
+          permissionId: 8,
+          permissionName: "Browse Folder",
+          permissionKey: null,
+          permissionCode: null,
+          fullControl: false,
+          view: false,
+          allowAccess: true
+        },
+        {
+          permissionId: 5,
+          permissionName: "View Folder",
+          permissionKey: null,
+          permissionCode: null,
+          fullControl: false,
+          view: false,
+          allowAccess: true
+        },
+        {
+          permissionId: 6,
+          permissionName: "Write to Folder",
+          permissionKey: null,
+          permissionCode: null,
+          fullControl: false,
+          view: false,
+          allowAccess: true
+        }
+      ],
+      locked: true,
+      default: true
+    },
+    {
+      roleId: -1,
+      roleName: "All Users",
+      permissions: [
+        {
+          permissionId: 8,
+          permissionName: "Browse Folder",
+          permissionKey: null,
+          permissionCode: null,
+          fullControl: false,
+          view: false,
+          allowAccess: true
+        },
+        {
+          permissionId: 5,
+          permissionName: "View Folder",
+          permissionKey: null,
+          permissionCode: null,
+          fullControl: false,
+          view: false,
+          allowAccess: true
+        }
+      ],
+      locked: false,
+      default: true
+    },
+    {
+      roleId: 1,
+      roleName: "Registered Users",
+      permissions: [],
+      locked: false,
+      default: true
+    }
+  ],
+  userPermissions: [
+    {
+      userId: 2,
+      displayName: "Daniel Valadas",
+      permissions: [
+        {
+          permissionId: 8,
+          permissionName: "Browse Folder",
+          permissionKey: null,
+          permissionCode: null,
+          fullControl: false,
+          view: false,
+          allowAccess: true
+        },
+        {
+          permissionId: 5,
+          permissionName: "View Folder",
+          permissionKey: null,
+          permissionCode: null,
+          fullControl: false,
+          view: false,
+          allowAccess: true
+        },
+        {
+          permissionId: 6,
+          permissionName: "Write to Folder",
+          permissionKey: null,
+          permissionCode: null,
+          fullControl: false,
+          view: false,
+          allowAccess: true
+        }
+      ]
+    }
+  ]
+};
+const roleGroups = [
+  {
+    "id": 0,
+    "name": "Test group",
+    "rolesCount": 0,
+    "description": "This is a a test role group"
+  },
+  {
+    "id": 1,
+    "name": "Another test group",
+    "rolesCount": 0,
+    "description": "Another test role."
+  }
+];
+const roles = [
+  {
+    IsSystemRole: true,
+    RoleId: 0,
+    RoleGroupId: -1,
+    RoleName: "Administrators",
+  },
+  {
+    IsSystemRole: true,
+    RoleId: 1,
+    RoleGroupId: -1,
+    RoleName: "Registered Users",
+  },
+  {
+    IsSystemRole: true,
+    RoleId: 5,
+    RoleGroupId: -1,
+    RoleName: "Translator (fr-FR)",
+  },
+  {
+    IsSystemRole: true,
+    RoleId: -3,
+    RoleGroupId: -1,
+    RoleName: "Unauthenticated Users",
+  },
+  {
+    IsSystemRole: false,
+    RoleId: 10,
+    RoleGroupId: 1,
+    RoleName: "Test Role",
+  },
+  {
+    IsSystemRole: false,
+    RoleId: 11,
+    RoleGroupId: 2,
+    RoleName: "Another test role",
+  },
+];
+const users = [
+  { "userId": 1, "displayName": "Georgena Menico" },
+  { "userId": 2, "displayName": "Ibbie Swindin" },
+  { "userId": 3, "displayName": "Wynn Mc Queen" },
+  { "userId": 4, "displayName": "Emmett Buckthought" },
+  { "userId": 5, "displayName": "Claudianus Aizikov" },
+  { "userId": 6, "displayName": "Burlie D'eathe" },
+  { "userId": 7, "displayName": "Fabio Hysom" },
+  { "userId": 8, "displayName": "Raeann Finker" },
+  { "userId": 9, "displayName": "Kevin Craigmyle" },
+  { "userId": 10, "displayName": "Beaufort MacCoughen" },
+  { "userId": 11, "displayName": "Marcus Ropars" },
+  { "userId": 12, "displayName": "Barnebas Mallinar" },
+  { "userId": 13, "displayName": "Cally McGerr" },
+  { "userId": 14, "displayName": "Claiborn Tather" },
+  { "userId": 15, "displayName": "Adrianna Borsi" },
+  { "userId": 16, "displayName": "Bill De Vuyst" },
+  { "userId": 17, "displayName": "Ervin Kinane" },
+  { "userId": 18, "displayName": "Pam Friel" },
+  { "userId": 19, "displayName": "Garry Twiddle" },
+  { "userId": 20, "displayName": "Loni Mabey" },
+  { "userId": 21, "displayName": "Gerard McGarrie" },
+  { "userId": 22, "displayName": "Claudina McCathy" },
+  { "userId": 23, "displayName": "Bryanty Amorts" },
+  { "userId": 24, "displayName": "Orren Siaskowski" },
+  { "userId": 25, "displayName": "Daisie Barr" },
+  { "userId": 26, "displayName": "Elsbeth Senett" },
+  { "userId": 27, "displayName": "Celestine Cawley" },
+  { "userId": 28, "displayName": "Desmond Cuphus" },
+  { "userId": 29, "displayName": "Ignaz Lewisham" },
+  { "userId": 30, "displayName": "Paola Odams" },
+  { "userId": 31, "displayName": "Nicolais Ducker" },
+  { "userId": 32, "displayName": "Camile McNab" },
+  { "userId": 33, "displayName": "Binni Acreman" },
+  { "userId": 34, "displayName": "Zonda O' Lone" },
+  { "userId": 35, "displayName": "Theressa McCawley" },
+  { "userId": 36, "displayName": "Mareah Heakins" },
+  { "userId": 37, "displayName": "Pasquale Bagworth" },
+  { "userId": 38, "displayName": "Veronike Capey" },
+  { "userId": 39, "displayName": "Jed Kubczak" },
+  { "userId": 40, "displayName": "Stephanus Ricciardelli" },
+  { "userId": 41, "displayName": "Carey Coldman" },
+  { "userId": 42, "displayName": "Shirlee Belliss" },
+  { "userId": 43, "displayName": "Kai Capponeer" },
+  { "userId": 44, "displayName": "Lockwood Pilling" },
+  { "userId": 45, "displayName": "Olga Puleque" },
+  { "userId": 46, "displayName": "Cleon Piccard" },
+  { "userId": 47, "displayName": "Al Rousel" },
+  { "userId": 48, "displayName": "Ida Coltart" },
+  { "userId": 49, "displayName": "Pennie Housley" },
+  { "userId": 50, "displayName": "Lind Ikringill" }
+];
+const handleUserSearchChanged = (e) => {
+  const query = e.detail;
+  const results = users.filter(u => u.displayName.includes(query));
+  const grid = document.querySelector("dnn-permissions-grid");
+  grid.foundUsers = results;
+};
+const Template = (args) => html `
+        <dnn-permissions-grid
+            .permissions=${args.permissions}
+            .roles=${args.roles}
+            .roleGroups=${args.roleGroups}
+            @userSearchQueryChanged="${handleUserSearchChanged}"
+        />
+    `;
+export const PermissionsGrid = Template.bind({});
+PermissionsGrid.args = {
+  permissions,
+  roles,
+  roleGroups,
+};
+//# sourceMappingURL=dnn-permissions-grid.stories.js.map

package/dist/collection/components/dnn-permissions-grid/dnn-permissions-grid.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dnn-permissions-grid.stories.js","sourceRoot":"","sources":["../../../../src/components/dnn-permissions-grid/dnn-permissions-grid.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from \"lit-html\";\r\nimport { Meta } from \"@storybook/web-components\";\r\nimport { IPermissions } from \"./permissions-interface\";\r\nimport readme from \"./readme.md\";\r\nimport { IRoleGroup } from \"./role-group-interface\";\r\nimport { IRole } from \"./role-interface\";\r\n\r\nexport default {\r\n    title: \"Elements/Permissions Grid\",\r\n    component: \"dnn-permissions-grid\",\r\n    parameters: {\r\n        notes: readme,\r\n        actions: {\r\n            handles: [\"userSearchQueryChanged\", \"permissionsChanged\"]\r\n        }\r\n    }\r\n} as Meta;\r\n\r\nconst permissions: IPermissions = {\r\n    permissionDefinitions: [\r\n        {\r\n            permissionId: 8,\r\n            permissionName: \"Browse Folder\",\r\n            permissionKey: null,\r\n            permissionCode: null,\r\n            fullControl: false,\r\n            view: false,\r\n            allowAccess: false\r\n        },\r\n        {\r\n            permissionId: 5,\r\n            permissionName: \"View Folder\",\r\n            permissionKey: null,\r\n            permissionCode: null,\r\n            fullControl: false,\r\n            view: false,\r\n            allowAccess: false\r\n        },\r\n        {\r\n            permissionId: 6,\r\n            permissionName: \"Write to Folder\",\r\n            permissionKey: null,\r\n            permissionCode: null,\r\n            fullControl: false,\r\n            view: false,\r\n            allowAccess: false\r\n        }\r\n    ],\r\n    rolePermissions: [\r\n        {\r\n            roleId: 0,\r\n            roleName: \"Administrators\",\r\n            permissions: [\r\n                {\r\n                    permissionId: 8,\r\n                    permissionName: \"Browse Folder\",\r\n                    permissionKey: null,\r\n                    permissionCode: null,\r\n                    fullControl: false,\r\n                    view: false,\r\n                    allowAccess: true\r\n                },\r\n                {\r\n                    permissionId: 5,\r\n                    permissionName: \"View Folder\",\r\n                    permissionKey: null,\r\n                    permissionCode: null,\r\n                    fullControl: false,\r\n                    view: false,\r\n                    allowAccess: true\r\n                },\r\n                {\r\n                    permissionId: 6,\r\n                    permissionName: \"Write to Folder\",\r\n                    permissionKey: null,\r\n                    permissionCode: null,\r\n                    fullControl: false,\r\n                    view: false,\r\n                    allowAccess: true\r\n                }\r\n            ],\r\n            locked: true,\r\n            default: true\r\n        },\r\n        {\r\n            roleId: -1,\r\n            roleName: \"All Users\",\r\n            permissions: [\r\n                {\r\n                    permissionId: 8,\r\n                    permissionName: \"Browse Folder\",\r\n                    permissionKey: null,\r\n                    permissionCode: null,\r\n                    fullControl: false,\r\n                    view: false,\r\n                    allowAccess: true\r\n                },\r\n                {\r\n                    permissionId: 5,\r\n                    permissionName: \"View Folder\",\r\n                    permissionKey: null,\r\n                    permissionCode: null,\r\n                    fullControl: false,\r\n                    view: false,\r\n                    allowAccess: true\r\n                }\r\n            ],\r\n            locked: false,\r\n            default: true\r\n        },\r\n        {\r\n            roleId: 1,\r\n            roleName: \"Registered Users\",\r\n            permissions: [],\r\n            locked: false,\r\n            default: true\r\n        }\r\n    ],\r\n    userPermissions: [\r\n        {\r\n            userId: 2,\r\n            displayName: \"Daniel Valadas\",\r\n            permissions: [\r\n                {\r\n                    permissionId: 8,\r\n                    permissionName: \"Browse Folder\",\r\n                    permissionKey: null,\r\n                    permissionCode: null,\r\n                    fullControl: false,\r\n                    view: false,\r\n                    allowAccess: true\r\n                },\r\n                {\r\n                    permissionId: 5,\r\n                    permissionName: \"View Folder\",\r\n                    permissionKey: null,\r\n                    permissionCode: null,\r\n                    fullControl: false,\r\n                    view: false,\r\n                    allowAccess: true\r\n                },\r\n                {\r\n                    permissionId: 6,\r\n                    permissionName: \"Write to Folder\",\r\n                    permissionKey: null,\r\n                    permissionCode: null,\r\n                    fullControl: false,\r\n                    view: false,\r\n                    allowAccess: true\r\n                }\r\n            ]\r\n        }\r\n    ]\r\n  };\r\n\r\n  const roleGroups: IRoleGroup[] = [\r\n    {\r\n        \"id\": 0,\r\n        \"name\": \"Test group\",\r\n        \"rolesCount\": 0,\r\n        \"description\": \"This is a a test role group\"\r\n    },\r\n    {\r\n      \"id\": 1,\r\n      \"name\": \"Another test group\",\r\n      \"rolesCount\": 0,\r\n      \"description\": \"Another test role.\"\r\n    }\r\n];\r\nconst roles: IRole[] = [\r\n  {\r\n    IsSystemRole: true,\r\n    RoleId: 0,\r\n    RoleGroupId: -1,\r\n    RoleName: \"Administrators\",\r\n  },\r\n  {\r\n    IsSystemRole: true,\r\n    RoleId: 1,\r\n    RoleGroupId: -1,\r\n    RoleName: \"Registered Users\",\r\n  },\r\n  {\r\n    IsSystemRole: true,\r\n    RoleId: 5,\r\n    RoleGroupId: -1,\r\n    RoleName: \"Translator (fr-FR)\",\r\n  },\r\n  {\r\n    IsSystemRole: true,\r\n    RoleId: -3,\r\n    RoleGroupId: -1,\r\n    RoleName: \"Unauthenticated Users\",\r\n  },\r\n  {\r\n    IsSystemRole: false,\r\n    RoleId: 10,\r\n    RoleGroupId: 1,\r\n    RoleName: \"Test Role\",\r\n  },\r\n  {\r\n    IsSystemRole: false,\r\n    RoleId: 11,\r\n    RoleGroupId: 2,\r\n    RoleName: \"Another test role\",\r\n  },\r\n];\r\n\r\nconst users = [\r\n{\"userId\":1,\"displayName\":\"Georgena Menico\"},\r\n{\"userId\":2,\"displayName\":\"Ibbie Swindin\"},\r\n{\"userId\":3,\"displayName\":\"Wynn Mc Queen\"},\r\n{\"userId\":4,\"displayName\":\"Emmett Buckthought\"},\r\n{\"userId\":5,\"displayName\":\"Claudianus Aizikov\"},\r\n{\"userId\":6,\"displayName\":\"Burlie D'eathe\"},\r\n{\"userId\":7,\"displayName\":\"Fabio Hysom\"},\r\n{\"userId\":8,\"displayName\":\"Raeann Finker\"},\r\n{\"userId\":9,\"displayName\":\"Kevin Craigmyle\"},\r\n{\"userId\":10,\"displayName\":\"Beaufort MacCoughen\"},\r\n{\"userId\":11,\"displayName\":\"Marcus Ropars\"},\r\n{\"userId\":12,\"displayName\":\"Barnebas Mallinar\"},\r\n{\"userId\":13,\"displayName\":\"Cally McGerr\"},\r\n{\"userId\":14,\"displayName\":\"Claiborn Tather\"},\r\n{\"userId\":15,\"displayName\":\"Adrianna Borsi\"},\r\n{\"userId\":16,\"displayName\":\"Bill De Vuyst\"},\r\n{\"userId\":17,\"displayName\":\"Ervin Kinane\"},\r\n{\"userId\":18,\"displayName\":\"Pam Friel\"},\r\n{\"userId\":19,\"displayName\":\"Garry Twiddle\"},\r\n{\"userId\":20,\"displayName\":\"Loni Mabey\"},\r\n{\"userId\":21,\"displayName\":\"Gerard McGarrie\"},\r\n{\"userId\":22,\"displayName\":\"Claudina McCathy\"},\r\n{\"userId\":23,\"displayName\":\"Bryanty Amorts\"},\r\n{\"userId\":24,\"displayName\":\"Orren Siaskowski\"},\r\n{\"userId\":25,\"displayName\":\"Daisie Barr\"},\r\n{\"userId\":26,\"displayName\":\"Elsbeth Senett\"},\r\n{\"userId\":27,\"displayName\":\"Celestine Cawley\"},\r\n{\"userId\":28,\"displayName\":\"Desmond Cuphus\"},\r\n{\"userId\":29,\"displayName\":\"Ignaz Lewisham\"},\r\n{\"userId\":30,\"displayName\":\"Paola Odams\"},\r\n{\"userId\":31,\"displayName\":\"Nicolais Ducker\"},\r\n{\"userId\":32,\"displayName\":\"Camile McNab\"},\r\n{\"userId\":33,\"displayName\":\"Binni Acreman\"},\r\n{\"userId\":34,\"displayName\":\"Zonda O' Lone\"},\r\n{\"userId\":35,\"displayName\":\"Theressa McCawley\"},\r\n{\"userId\":36,\"displayName\":\"Mareah Heakins\"},\r\n{\"userId\":37,\"displayName\":\"Pasquale Bagworth\"},\r\n{\"userId\":38,\"displayName\":\"Veronike Capey\"},\r\n{\"userId\":39,\"displayName\":\"Jed Kubczak\"},\r\n{\"userId\":40,\"displayName\":\"Stephanus Ricciardelli\"},\r\n{\"userId\":41,\"displayName\":\"Carey Coldman\"},\r\n{\"userId\":42,\"displayName\":\"Shirlee Belliss\"},\r\n{\"userId\":43,\"displayName\":\"Kai Capponeer\"},\r\n{\"userId\":44,\"displayName\":\"Lockwood Pilling\"},\r\n{\"userId\":45,\"displayName\":\"Olga Puleque\"},\r\n{\"userId\":46,\"displayName\":\"Cleon Piccard\"},\r\n{\"userId\":47,\"displayName\":\"Al Rousel\"},\r\n{\"userId\":48,\"displayName\":\"Ida Coltart\"},\r\n{\"userId\":49,\"displayName\":\"Pennie Housley\"},\r\n{\"userId\":50,\"displayName\":\"Lind Ikringill\"}];\r\n\r\nconst handleUserSearchChanged = (e: CustomEvent<string> ) => {\r\n    const query = e.detail;\r\n    const results = users.filter(u => u.displayName.includes(query));\r\n    const grid = document.querySelector(\"dnn-permissions-grid\");\r\n    grid.foundUsers = results;\r\n};\r\n\r\nconst Template = (args: {\r\n    permissions: IPermissions\r\n    roles: IRole[],\r\n    roleGroups: IRoleGroup[],\r\n    }) =>\r\n    html`\r\n        <dnn-permissions-grid\r\n            .permissions=${args.permissions}\r\n            .roles=${args.roles}\r\n            .roleGroups=${args.roleGroups}\r\n            @userSearchQueryChanged=\"${handleUserSearchChanged}\"\r\n        />\r\n    `;\r\n\r\nexport const PermissionsGrid = Template.bind({});\r\nPermissionsGrid.args = {\r\n    permissions,\r\n    roles,\r\n    roleGroups,\r\n};"]}

package/dist/collection/components/dnn-permissions-grid/localization-interface.js

@@ -0,0 +1,3 @@
+;
+export {};
+//# sourceMappingURL=localization-interface.js.map

package/dist/collection/components/dnn-permissions-grid/localization-interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localization-interface.js","sourceRoot":"","sources":["../../../../src/components/dnn-permissions-grid/localization-interface.tsx"],"names":[],"mappings":"AAUC,CAAC","sourcesContent":["export interface ILocalization{\r\n    Add: string;\r\n    AllRoles: string;\r\n    FilterByGroup: string;\r\n    GlobalRoles: string;\r\n    Role: string;\r\n    RolePermissions: string;\r\n    SelectRole: string;\r\n    User: string;\r\n    UserPermissions: string;\r\n};"]}

package/dist/collection/components/dnn-permissions-grid/permissions-interface.js

@@ -0,0 +1,3 @@
+;
+export {};
+//# sourceMappingURL=permissions-interface.js.map

package/dist/collection/components/dnn-permissions-grid/permissions-interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"permissions-interface.js","sourceRoot":"","sources":["../../../../src/components/dnn-permissions-grid/permissions-interface.ts"],"names":[],"mappings":"AAIC,CAAC","sourcesContent":["export interface IPermissions {\r\n    permissionDefinitions: IPermissionDefinition[];\r\n    rolePermissions: IRolePermission[];\r\n    userPermissions: IUserPermission[];\r\n};\r\n\r\nexport interface IPermissionDefinition\r\n{\r\n    allowAccess: boolean;\r\n    fullControl: boolean;\r\n    permissionCode: string;\r\n    permissionId: number;\r\n    permissionKey: string;\r\n    permissionName: string;\r\n    view: boolean;\r\n}\r\n\r\nexport interface IRolePermission{\r\n    default: boolean;\r\n    locked: boolean;\r\n    permissions: IPermissionDefinition[];\r\n    roleId: number;\r\n    roleName: string;\r\n}\r\n\r\nexport interface IUserPermission{\r\n    displayName: string;\r\n    permissions: IPermissionDefinition[];\r\n    userId: number;\r\n}"]}

package/dist/collection/components/dnn-permissions-grid/role-group-interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=role-group-interface.js.map

package/dist/collection/components/dnn-permissions-grid/role-group-interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"role-group-interface.js","sourceRoot":"","sources":["../../../../src/components/dnn-permissions-grid/role-group-interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface IRoleGroup{\r\n    description: string;\r\n    id: number;\r\n    name: string;\r\n    rolesCount: number;\r\n}"]}

package/dist/collection/components/dnn-permissions-grid/role-interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=role-interface.js.map

package/dist/collection/components/dnn-permissions-grid/role-interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"role-interface.js","sourceRoot":"","sources":["../../../../src/components/dnn-permissions-grid/role-interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface IRole{\r\n    IsSystemRole: boolean;\r\n    RoleGroupId: number;\r\n    RoleId: number;\r\n    RoleName: string;\r\n}"]}

package/dist/collection/components/dnn-permissions-grid/searched-user-interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=searched-user-interface.js.map

package/dist/collection/components/dnn-permissions-grid/searched-user-interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searched-user-interface.js","sourceRoot":"","sources":["../../../../src/components/dnn-permissions-grid/searched-user-interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface ISearchedUser{\r\n    userId: number;\r\n    displayName: string;\r\n}"]}

package/dist/collection/components/dnn-searchbox/dnn-searchbox.js

@@ -1,137 +1,137 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Component, Host, h, Event, Watch, Prop } from '@stencil/core';
-import { Debounce } from '../../utilities/debounce';
-export class DnnSearchbox {
-  constructor() {
-    /**
-     * Sets the field placeholder text.
-     */
-    this.placeholder = "";
-    /**
-     * Debounces the queryChanged by 500ms.
-     */
-    this.debounced = true;
-    /** Sets the query */
-    this.query = "";
-  }
-  fireQueryChanged() {
-    if (this.debounced) {
-      this.debouncedHandleQueryChanged();
-    }
-    else {
-      this.handleQueryChanged();
-    }
-  }
-  handleQueryChanged() {
-    this.queryChanged.emit(this.query);
-  }
-  debouncedHandleQueryChanged() {
-    this.handleQueryChanged();
-  }
-  render() {
-    return (h(Host, null,
-      h("input", { type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.query = e.target.value }),
-      this.query !== "" ?
-        h("button", { class: "svg clear", onClick: () => this.query = "" },
-          h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" },
-            h("path", { d: "M0 0h24v24H0z", fill: "none" }),
-            h("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" })))
-        :
-          h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" },
-            h("path", { d: "M0 0h24v24H0z", fill: "none" }),
-            h("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))));
-  }
-  static get is() { return "dnn-searchbox"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["dnn-searchbox.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["dnn-searchbox.css"]
-  }; }
-  static get properties() { return {
-    "placeholder": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Sets the field placeholder text."
-      },
-      "attribute": "placeholder",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "debounced": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Debounces the queryChanged by 500ms."
-      },
-      "attribute": "debounced",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "query": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Sets the query"
-      },
-      "attribute": "query",
-      "reflect": false,
-      "defaultValue": "\"\""
-    }
-  }; }
-  static get events() { return [{
-      "method": "queryChanged",
-      "name": "queryChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fires up each time the search query changes.\r\nThe data passed is the new query."
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get watchers() { return [{
-      "propName": "query",
-      "methodName": "fireQueryChanged"
-    }]; }
-}
-__decorate([
-  Debounce(500)
-], DnnSearchbox.prototype, "debouncedHandleQueryChanged", null);
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, Host, h, Event, Watch, Prop } from '@stencil/core';
+import { Debounce } from '../../utilities/debounce';
+export class DnnSearchbox {
+  constructor() {
+    /**
+     * Sets the field placeholder text.
+     */
+    this.placeholder = "";
+    /**
+     * Debounces the queryChanged by 500ms.
+     */
+    this.debounced = true;
+    /** Sets the query */
+    this.query = "";
+  }
+  fireQueryChanged() {
+    if (this.debounced) {
+      this.debouncedHandleQueryChanged();
+    }
+    else {
+      this.handleQueryChanged();
+    }
+  }
+  handleQueryChanged() {
+    this.queryChanged.emit(this.query);
+  }
+  debouncedHandleQueryChanged() {
+    this.handleQueryChanged();
+  }
+  render() {
+    return (h(Host, null,
+      h("input", { type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.query = e.target.value }),
+      this.query !== "" ?
+        h("button", { class: "svg clear", onClick: () => this.query = "" },
+          h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" },
+            h("path", { d: "M0 0h24v24H0z", fill: "none" }),
+            h("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" })))
+        :
+          h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" },
+            h("path", { d: "M0 0h24v24H0z", fill: "none" }),
+            h("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))));
+  }
+  static get is() { return "dnn-searchbox"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["dnn-searchbox.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["dnn-searchbox.css"]
+  }; }
+  static get properties() { return {
+    "placeholder": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Sets the field placeholder text."
+      },
+      "attribute": "placeholder",
+      "reflect": false,
+      "defaultValue": "\"\""
+    },
+    "debounced": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Debounces the queryChanged by 500ms."
+      },
+      "attribute": "debounced",
+      "reflect": false,
+      "defaultValue": "true"
+    },
+    "query": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Sets the query"
+      },
+      "attribute": "query",
+      "reflect": false,
+      "defaultValue": "\"\""
+    }
+  }; }
+  static get events() { return [{
+      "method": "queryChanged",
+      "name": "queryChanged",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Fires up each time the search query changes.\nThe data passed is the new query."
+      },
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      }
+    }]; }
+  static get watchers() { return [{
+      "propName": "query",
+      "methodName": "fireQueryChanged"
+    }]; }
+}
+__decorate([
+  Debounce(500)
+], DnnSearchbox.prototype, "debouncedHandleQueryChanged", null);
 //# sourceMappingURL=dnn-searchbox.js.map

package/dist/collection/components/dnn-searchbox/dnn-searchbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"dnn-searchbox.js","sourceRoot":"","sources":["../../../src/components/dnn-searchbox/dnn-searchbox.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAMpD,MAAM,OAAO,YAAY;EALzB;IAOE;;OAEG;IACK,gBAAW,GAAY,EAAE,CAAC;IAElC;;OAEG;IACK,cAAS,GAAY,IAAI,CAAC;IAElC,qBAAqB;IACE,UAAK,GAAW,EAAE,CAAC;GAgD3C;EAvCC,gBAAgB;IACd,IAAI,IAAI,CAAC,SAAS,EAAC;MACjB,IAAI,CAAC,2BAA2B,EAAE,CAAC;KACpC;SACG;MACF,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;EACH,CAAC;EAEO,kBAAkB;IACxB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;EACrC,CAAC;EAGO,2BAA2B;IACjC,IAAI,CAAC,kBAAkB,EAAE,CAAC;EAC5B,CAAC;EAGD,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,aAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAClC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,GAC/D;MACD,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC;QAClB,cAAQ,KAAK,EAAC,WAAW,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE;UAE9B,WAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;YAAC,YAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAE;YAAA,YAAM,CAAC,EAAC,iLAAiL,GAAE,CAAM,CACrU;QACX,CAAC;UACD,WAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;YAAC,YAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAE;YAAA,YAAM,CAAC,EAAC,4OAA4O,GAAE,CAAM,CAElY,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF;AAzBC;EADC,QAAQ,CAAC,GAAG,CAAC;+DAGb","sourcesContent":["import { Component, Host, h, Event, EventEmitter, Watch, Prop } from '@stencil/core';\r\nimport { Debounce } from '../../utilities/debounce';\r\n@Component({\r\n  tag: 'dnn-searchbox',\r\n  styleUrl: 'dnn-searchbox.scss',\r\n  shadow: true\r\n})\r\nexport class DnnSearchbox {\r\n\r\n  /**\r\n   * Sets the field placeholder text.\r\n   */\r\n  @Prop() placeholder?: string = \"\";\r\n\r\n  /**\r\n   * Debounces the queryChanged by 500ms.\r\n   */\r\n  @Prop() debounced: boolean = true;\r\n\r\n  /** Sets the query */\r\n  @Prop({mutable: true}) query: string = \"\";\r\n\r\n  /**\r\n   * Fires up each time the search query changes.\r\n   * The data passed is the new query.\r\n   */\r\n  @Event() queryChanged: EventEmitter;\r\n\r\n  @Watch('query')\r\n  fireQueryChanged(){\r\n    if (this.debounced){\r\n      this.debouncedHandleQueryChanged();\r\n    }\r\n    else{\r\n      this.handleQueryChanged();\r\n    }\r\n  }\r\n  \r\n  private handleQueryChanged(){\r\n    this.queryChanged.emit(this.query);\r\n  }\r\n\r\n  @Debounce(500)\r\n  private debouncedHandleQueryChanged(){\r\n    this.handleQueryChanged();\r\n  }\r\n  \r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <input type=\"text\" value={this.query}\r\n          placeholder={this.placeholder}\r\n          onInput={e => this.query = (e.target as HTMLInputElement).value}\r\n        />\r\n        {this.query !== \"\" ?\r\n          <button class=\"svg clear\"\r\n            onClick={() => this.query = \"\"}\r\n          >\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>\r\n          </button>\r\n        :\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"/></svg>\r\n        }\r\n      </Host>\r\n    );\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"dnn-searchbox.js","sourceRoot":"","sources":["../../../../src/components/dnn-searchbox/dnn-searchbox.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAMpD,MAAM,OAAO,YAAY;EALzB;IAOE;;OAEG;IACK,gBAAW,GAAY,EAAE,CAAC;IAElC;;OAEG;IACK,cAAS,GAAY,IAAI,CAAC;IAElC,qBAAqB;IACE,UAAK,GAAW,EAAE,CAAC;GA+C3C;EAtCC,gBAAgB;IACd,IAAI,IAAI,CAAC,SAAS,EAAC;MACjB,IAAI,CAAC,2BAA2B,EAAE,CAAC;KACpC;SACG;MACF,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;EACH,CAAC;EAEO,kBAAkB;IACxB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;EACrC,CAAC;EAGO,2BAA2B;IACjC,IAAI,CAAC,kBAAkB,EAAE,CAAC;EAC5B,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,aAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAClC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,GAC/D;MACD,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC;QAClB,cAAQ,KAAK,EAAC,WAAW,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE;UAE9B,WAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;YAAC,YAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAE;YAAA,YAAM,CAAC,EAAC,iLAAiL,GAAE,CAAM,CACrU;QACX,CAAC;UACD,WAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS;YAAC,YAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAE;YAAA,YAAM,CAAC,EAAC,4OAA4O,GAAE,CAAM,CAElY,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF;AAxBC;EADC,QAAQ,CAAC,GAAG,CAAC;+DAGb","sourcesContent":["import { Component, Host, h, Event, EventEmitter, Watch, Prop } from '@stencil/core';\nimport { Debounce } from '../../utilities/debounce';\n@Component({\n  tag: 'dnn-searchbox',\n  styleUrl: 'dnn-searchbox.scss',\n  shadow: true\n})\nexport class DnnSearchbox {\n\n  /**\n   * Sets the field placeholder text.\n   */\n  @Prop() placeholder?: string = \"\";\n\n  /**\n   * Debounces the queryChanged by 500ms.\n   */\n  @Prop() debounced: boolean = true;\n\n  /** Sets the query */\n  @Prop({mutable: true}) query: string = \"\";\n\n  /**\n   * Fires up each time the search query changes.\n   * The data passed is the new query.\n   */\n  @Event() queryChanged: EventEmitter<string>;\n\n  @Watch('query')\n  fireQueryChanged(){\n    if (this.debounced){\n      this.debouncedHandleQueryChanged();\n    }\n    else{\n      this.handleQueryChanged();\n    }\n  }\n  \n  private handleQueryChanged(){\n    this.queryChanged.emit(this.query);\n  }\n\n  @Debounce(500)\n  private debouncedHandleQueryChanged(){\n    this.handleQueryChanged();\n  }\n\n  render() {\n    return (\n      <Host>\n        <input type=\"text\" value={this.query}\n          placeholder={this.placeholder}\n          onInput={e => this.query = (e.target as HTMLInputElement).value}\n        />\n        {this.query !== \"\" ?\n          <button class=\"svg clear\"\n            onClick={() => this.query = \"\"}\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/></svg>\n          </button>\n        :\n        <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"/></svg>\n        }\n      </Host>\n    );\n  }\n\n}\n"]}